From c778712b135877e1fcda97d1ab03dbd083475819 Mon Sep 17 00:00:00 2001 From: TriKriSta Date: Thu, 28 Mar 2019 21:21:40 +0200 Subject: [PATCH] style: add custom style for QCheckBox for dark theme --- res.qrc | 2 + themes/dark/settings/checkboxChecked.svg | 46 +++++++++++++++++++ .../dark/settings/checkboxCheckedDisabled.svg | 46 +++++++++++++++++++ themes/dark/settings/mainContent.css | 25 ++++++++++ 4 files changed, 119 insertions(+) create mode 100644 themes/dark/settings/checkboxChecked.svg create mode 100644 themes/dark/settings/checkboxCheckedDisabled.svg diff --git a/res.qrc b/res.qrc index a456ef668..c650a8e35 100644 --- a/res.qrc +++ b/res.qrc @@ -84,6 +84,8 @@ themes/dark/msgEdit/msgEdit.css themes/dark/settings/mainContent.css themes/dark/settings/mainHead.css + themes/dark/settings/checkboxChecked.svg + themes/dark/settings/checkboxCheckedDisabled.svg themes/dark/statusButton/statusButton.css themes/dark/statusButton/menu_indicator.svg themes/dark/window/general.css diff --git a/themes/dark/settings/checkboxChecked.svg b/themes/dark/settings/checkboxChecked.svg new file mode 100644 index 000000000..de0590d75 --- /dev/null +++ b/themes/dark/settings/checkboxChecked.svg @@ -0,0 +1,46 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/themes/dark/settings/checkboxCheckedDisabled.svg b/themes/dark/settings/checkboxCheckedDisabled.svg new file mode 100644 index 000000000..514fa5b46 --- /dev/null +++ b/themes/dark/settings/checkboxCheckedDisabled.svg @@ -0,0 +1,46 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/themes/dark/settings/mainContent.css b/themes/dark/settings/mainContent.css index bad7b6fed..7796a5b66 100644 --- a/themes/dark/settings/mainContent.css +++ b/themes/dark/settings/mainContent.css @@ -22,11 +22,36 @@ QCheckBox color: @mainText; } +QCheckBox::indicator { + width: 12px; + height: 12px; + border: 2px solid #514f4f; + border-radius: 2px; +} + +QCheckBox::indicator:checked { + image: url("@getImagePath(settings/checkboxChecked.svg)"); +} + +QCheckBox::indicator:checked:pressed, +QCheckBox::indicator:unchecked:pressed { + background: #514f4f; +} + QCheckBox:disabled { color: grey; } +QCheckBox:indicator:disabled { + border: 2px solid #373535; + border-radius: 2px; +} + +QCheckBox:indicator:checked:disabled { + image: url("@getImagePath(settings/checkboxCheckedDisabled.svg)"); +} + QSpinBox, QDoubleSpinBox { background-color: @groundBase;