How can I change background color?

[AxaRu]

Hi.
OS - Linux Mint
Sigil - 1.8

How can I change background color?



Thanks,
Alexey.

[DiapDealer]

The easiest way on Linux is to use qt5ct and/or kvantum to pick a qt style for Sigil that you like.

If you don't want to do that, you can create a custom qt style file for Sigil and use Qt's qss (much like css) to style individual elements. Create a file named qt_styles.qss in your Sigil preferences folder and it will automatically be loaded whenever Sigil starts. Something like below will allow you to modify the various colors of ALL QTreeView objects in Sigil:

QTreeView {
  alternate-background-color: blue;
  background: yellow;
  selection-color: white;
  selection-background-color: red;
}

You can limit it to the Clip Editor's TreeView with:

QTreeView#ClipEditorTree {
  alternate-background-color: blue;
  background: yellow;
  selection-color: white;
  selection-background-color: red;
}

[KevinH]

I noticed the "[std]" in the main window titlebar which means your build is from master sometime over the last month. Please note current master has many internal changes that have not been adequately tested yet and should be considered Beta quality and used with caution. It has not even been released as a Beta yet. There has been a number of important fixes to master in recent days that fix issues with search and spine order.

If this is production, I would stick with the official Sigil 1.8.0 release. Otherwise, I would update to latest master immediately and treat it as Beta.

[AxaRu]

Thanks



~/.local/share/sigil-ebook/sigil/qt_styles.qss

QTreeView {
  alternate-background-color: #EBEACA;
  background: #F2F2DB;
  selection-color: white;
  selection-background-color: red;
}

[AxaRu]

Hastily i tuned color in sand style.

QTreeView {
  alternate-background-color: #E1D9C0;
  background: #E7E0CC;
  selection-color: white;
  selection-background-color: red;
}

QTreeView#ClipEditorTree {
  alternate-background-color: #E1D9C0;
  background: #E7E0CC;
  selection-color: white;
  selection-background-color: red;
}

QTreeView#TOCTree {
  alternate-background-color: #E1D9C0;
  background: #E7E0CC;
  selection-color: white;
  selection-background-color: red;
}

QTreeView#tvTOCDisplay{
  alternate-background-color: #E1D9C0;
  background: #E7E0CC;
  selection-color: white;
  selection-background-color: red;
}

QPlainTextEdit {
  alternate-background-color: #E1D9C0;
  background: #EDE8D9;
  selection-color: white;
  selection-background-color: #887D5A;
}

[DiapDealer]

Why not make it easy on yourself and use qt(6|5)ct and Kvantum to theme Sigil? That way, you can start with something that already "works" for the most part. No need to come up with your own qss to customize every aspect of Sigil when there's likely a Kvantum theme that will get you very close.

I'm also not certain why you have 3 extra TreeView# selectors with identical colors when the original global TreeView selector would suffice. It would be one thing if you wanted different colors for the different Sigil TreeViews, but that doesn't seem to be the case.