Saturday, July 31, 2021

GoldenDict Dark theme creation with CSS styles

Ctrl + Alt + T

cd /home/user/.goldendict/styles/

mkdir Dark

cd Dark

touch qt-style.css

pico qt-style.css

Copy and paste following code:

MainWindow #translateLine,

ScanPopup #translateLine,

MainWindow #wordList,

MainWindow #dictsPane #dictsList,

MainWindow #historyPane #historyList,

MainWindow #favoritesPane #favoritesTree {

  background: #000000;

  color: #d3d3d3;

}


ArticleView #searchText[noResults='true'],

MainWindow #translateLine[noResults='true'] {

  background: red;

  color: white;

}


ArticleView #searchText {

  background: #000000;

  color: #d3d3d3;

}


OrderAndProps #dictionaryDescription,

OrderAndProps #dictionaryFileList,

DictInfo #infoLabel,

DictInfo #dictionaryFileList {

  background: #000000;

  border: 1px solid #303030;

  color: #d3d3d3;

}


#navToolbar #translateLine {

  border: 1px solid gray;

  border-radius: 3px;

  padding: 1px 3px 2px 3px;

  border-top-left-radius: 0px;

  border-bottom-left-radius: 0px;

  margin-left: 0px;

}


#navToolbar GroupComboBox {

  margin-right: 0px;

  border: 1px solid gray;

  border-right: 1px transparent;

  border-radius: 3px;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

  padding: 2px 4px 2px 4px;

  background: qlineargradient(

    x1: 0,

    y1: 0,

    x2: 0,

    y2: 1,

    stop: 0 #e1e1e1,

    stop: 0.4 #dddddd,

    stop: 0.5 #d8d8d8,

    stop: 1 #d3d3d3

  );

}


#navToolbar GroupComboBox:on {

  padding: 3px 3px 1px 5px;

  background: qlineargradient(

    x1: 0,

    y1: 0,

    x2: 0,

    y2: 1,

    stop: 0 #d3d3d3,

    stop: 0.4 #d8d8d8,

    stop: 0.5 #dddddd,

    stop: 1 #e1e1e1

  );

}


#navToolbar GroupComboBox::drop-down {

  subcontrol-origin: padding;

  subcontrol-position: top right;

  width: 15px;

  border-left: 1px solid darkgray;

  border-right: 1px transparent;

}


#navToolbar GroupComboBox::down-arrow {

  image: url(:/icons/1downarrow.png);

}


#navToolbar GroupComboBox::down-arrow:on {

  /* shift the arrow when popup is open */

  top: 1px;

  left: 1px;

}


MainStatusBar #text {

  border-top-right-radius: 3px;

  border-top: 1px solid palette(dark);

  border-right: 1px solid palette(dark);

  background: palette(window);

  padding: 2px;

}


MainStatusBar #icon {

  border-top: 1px solid palette(dark);

  background: palette(window);

  padding: 2px;

  padding-left: 4px;

  padding-right: 0px;

}


ScanPopup #translateLine {

  margin: 0px;

  padding: 1px 3px 1px 3px;

  border: 1px solid gray;

  border-radius: 3px;

  border-top-left-radius: 0px;

  border-bottom-left-radius: 0px;

}


ScanPopup GroupComboBox {

  margin: 0px 0px 0px 1px;

  padding: 1px 4px 1px 4px;

  border: 1px solid gray;

  border-right: 1px transparent;

  border-radius: 3px;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

  background: qlineargradient(

    x1: 0,

    y1: 0,

    x2: 0,

    y2: 1,

    stop: 0 #e1e1e1,

    stop: 0.4 #dddddd,

    stop: 0.5 #d8d8d8,

    stop: 1 #d3d3d3

  );

}


ScanPopup GroupComboBox:on {

  padding: 3px 3px 1px 5px;

  background: qlineargradient(

    x1: 0,

    y1: 0,

    x2: 0,

    y2: 1,

    stop: 0 #d3d3d3,

    stop: 0.4 #d8d8d8,

    stop: 0.5 #dddddd,

    stop: 1 #e1e1e1

  );

}


ScanPopup GroupComboBox::drop-down {

  subcontrol-origin: padding;

  subcontrol-position: top right;

  width: 15px;

  border-left: 1px solid darkgray;

  border-right: 1px transparent;

}


ScanPopup GroupComboBox::down-arrow {

  image: url(:/icons/1downarrow.png);

}


ScanPopup GroupComboBox::down-arrow:on {

  /* shift the arrow when popup is open */

  top: 1px;

  left: 1px;

}


.ScanPopup #outerFrame {

  border: 1px solid palette(dark);

}


.ScanPopup MainStatusBar #text {

  border-bottom: 1px solid palette(dark);

}


.ScanPopup MainStatusBar[hasImage='false'] #text {

  border-left: 1px solid palette(dark);

}


.ScanPopup MainStatusBar #icon {

  border-left: 1px solid palette(dark);

  border-bottom: 1px solid palette(dark);

}


Alt + F2

GoldenDict

F4

Add-on style: None => Add-on style: Dark

Alt + I

Build and install from source GoldenDict black on Ubuntu

No comments:

Post a Comment