Add explicit custom scroll bar style
authorWuzzy <Wuzzy2@mail.ru>
Tue, 30 Apr 2019 14:21:11 +0200
changeset 14876 6d95d314ae8b
parent 14875 aed75d439027
child 14877 cd0af25c7913
Add explicit custom scroll bar style
QTfrontend/hedgewars.qrc
QTfrontend/res/css/april1.css
QTfrontend/res/css/birthday.css
QTfrontend/res/css/christmas.css
QTfrontend/res/css/easter.css
QTfrontend/res/css/qt.css
QTfrontend/res/scroll_down.png
QTfrontend/res/scroll_left.png
QTfrontend/res/scroll_right.png
QTfrontend/res/scroll_up.png
--- a/QTfrontend/hedgewars.qrc	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/hedgewars.qrc	Tue Apr 30 14:21:11 2019 +0200
@@ -101,6 +101,10 @@
         <file>res/panelbg.png</file>
         <file>res/lightbulb_on.png</file>
         <file>res/lightbulb_off.png</file>
+        <file>res/scroll_up.png</file>
+        <file>res/scroll_down.png</file>
+        <file>res/scroll_left.png</file>
+        <file>res/scroll_right.png</file>
         <file>res/spin_up.png</file>
         <file>res/spin_up_disabled.png</file>
         <file>res/spin_down.png</file>
--- a/QTfrontend/res/css/april1.css	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/res/css/april1.css	Tue Apr 30 14:21:11 2019 +0200
@@ -410,10 +410,81 @@
 border-color: #F6CB1C;
 }
 
-#hatList QScrollBar, #themeList QScrollBar {
-background-color: #130F2A;
-border-top-right-radius: 10px;
-border-bottom-right-radius: 10px;
+QScrollBar:vertical {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+width: 15px;
+margin: 16px 0 16px 0;
+}
+QScrollBar:horizontal {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+height: 15px;
+margin: 0 16px 0 16px;
+}
+QScrollBar::handle:vertical {
+background: #00321c;
+border-top: 1px solid black;
+border-bottom: 1px solid black;
+border-left: none;
+border-right: none;
+min-height: 20px;
+}
+QScrollBar::handle:horizontal {
+background: #00321c;
+border-top: none;
+border-bottom: none;
+border-left: 1px solid black;
+border-right: 1px solid black;
+min-width: 20px;
+}
+QScrollBar::handle:pressed {
+background: #005a33;
+}
+QScrollBar::add-line, QScrollBar::sub-line {
+border: 1px solid black;
+background: #00321c;
+subcontrol-origin: margin;
+}
+QScrollBar::add-line:vertical {
+height: 15px;
+subcontrol-position: bottom;
+}
+QScrollBar::sub-line:vertical {
+height: 15px;
+subcontrol-position: top;
+}
+QScrollBar::add-line:horizontal {
+width: 15px;
+subcontrol-position: right;
+}
+QScrollBar::sub-line:horizontal {
+width: 15px;
+subcontrol-position: left;
+}
+QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
+background: #005a33;
+}
+
+QScrollBar::up-arrow {
+background-image: url(":/res/scroll_up.png");
+}
+QScrollBar::down-arrow {
+background-image: url(":/res/scroll_down.png");
+}
+QScrollBar::left-arrow {
+background-image: url(":/res/scroll_left.png");
+}
+QScrollBar::right-arrow {
+background-image: url(":/res/scroll_right.png");
+}
+QScrollBar::add-page, QScrollBar::sub-page {
+background: #00190F;
+}
+QScrollBar::add-page:pressed, QScrollBar::sub-page:pressed {
+background: #FFFCA1;
 }
 
 #hatList, #themeList {
--- a/QTfrontend/res/css/birthday.css	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/res/css/birthday.css	Tue Apr 30 14:21:11 2019 +0200
@@ -414,10 +414,81 @@
 border-color: #F6CB1C;
 }
 
-#hatList QScrollBar, #themeList QScrollBar {
-background-color: #130F2A;
-border-top-right-radius: 10px;
-border-bottom-right-radius: 10px;
+QScrollBar:vertical {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+width: 15px;
+margin: 16px 0 16px 0;
+}
+QScrollBar:horizontal {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+height: 15px;
+margin: 0 16px 0 16px;
+}
+QScrollBar::handle:vertical {
+background: #00321c;
+border-top: 1px solid black;
+border-bottom: 1px solid black;
+border-left: none;
+border-right: none;
+min-height: 20px;
+}
+QScrollBar::handle:horizontal {
+background: #00321c;
+border-top: none;
+border-bottom: none;
+border-left: 1px solid black;
+border-right: 1px solid black;
+min-width: 20px;
+}
+QScrollBar::handle:pressed {
+background: #005a33;
+}
+QScrollBar::add-line, QScrollBar::sub-line {
+border: 1px solid black;
+background: #00321c;
+subcontrol-origin: margin;
+}
+QScrollBar::add-line:vertical {
+height: 15px;
+subcontrol-position: bottom;
+}
+QScrollBar::sub-line:vertical {
+height: 15px;
+subcontrol-position: top;
+}
+QScrollBar::add-line:horizontal {
+width: 15px;
+subcontrol-position: right;
+}
+QScrollBar::sub-line:horizontal {
+width: 15px;
+subcontrol-position: left;
+}
+QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
+background: #005a33;
+}
+
+QScrollBar::up-arrow {
+background-image: url(":/res/scroll_up.png");
+}
+QScrollBar::down-arrow {
+background-image: url(":/res/scroll_down.png");
+}
+QScrollBar::left-arrow {
+background-image: url(":/res/scroll_left.png");
+}
+QScrollBar::right-arrow {
+background-image: url(":/res/scroll_right.png");
+}
+QScrollBar::add-page, QScrollBar::sub-page {
+background: #00190F;
+}
+QScrollBar::add-page:pressed, QScrollBar::sub-page:pressed {
+background: #FFFCA1;
 }
 
 #hatList, #themeList {
--- a/QTfrontend/res/css/christmas.css	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/res/css/christmas.css	Tue Apr 30 14:21:11 2019 +0200
@@ -409,10 +409,81 @@
 border-color: #F6CB1C;
 }
 
-#hatList QScrollBar, #themeList QScrollBar {
-background-color: #130F2A;
-border-top-right-radius: 10px;
-border-bottom-right-radius: 10px;
+QScrollBar:vertical {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+width: 15px;
+margin: 16px 0 16px 0;
+}
+QScrollBar:horizontal {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+height: 15px;
+margin: 0 16px 0 16px;
+}
+QScrollBar::handle:vertical {
+background: #00321c;
+border-top: 1px solid black;
+border-bottom: 1px solid black;
+border-left: none;
+border-right: none;
+min-height: 20px;
+}
+QScrollBar::handle:horizontal {
+background: #00321c;
+border-top: none;
+border-bottom: none;
+border-left: 1px solid black;
+border-right: 1px solid black;
+min-width: 20px;
+}
+QScrollBar::handle:pressed {
+background: #005a33;
+}
+QScrollBar::add-line, QScrollBar::sub-line {
+border: 1px solid black;
+background: #00321c;
+subcontrol-origin: margin;
+}
+QScrollBar::add-line:vertical {
+height: 15px;
+subcontrol-position: bottom;
+}
+QScrollBar::sub-line:vertical {
+height: 15px;
+subcontrol-position: top;
+}
+QScrollBar::add-line:horizontal {
+width: 15px;
+subcontrol-position: right;
+}
+QScrollBar::sub-line:horizontal {
+width: 15px;
+subcontrol-position: left;
+}
+QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
+background: #005a33;
+}
+
+QScrollBar::up-arrow {
+background-image: url(":/res/scroll_up.png");
+}
+QScrollBar::down-arrow {
+background-image: url(":/res/scroll_down.png");
+}
+QScrollBar::left-arrow {
+background-image: url(":/res/scroll_left.png");
+}
+QScrollBar::right-arrow {
+background-image: url(":/res/scroll_right.png");
+}
+QScrollBar::add-page, QScrollBar::sub-page {
+background: #00190F;
+}
+QScrollBar::add-page:pressed, QScrollBar::sub-page:pressed {
+background: #FFFCA1;
 }
 
 #hatList, #themeList {
--- a/QTfrontend/res/css/easter.css	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/res/css/easter.css	Tue Apr 30 14:21:11 2019 +0200
@@ -406,12 +406,82 @@
 border-color: #F6CB1C;
 }
 
-#hatList QScrollBar, #themeList QScrollBar {
-background-color: #130F2A;
-border-top-right-radius: 10px;
-border-bottom-right-radius: 10px;
+QScrollBar:vertical {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+width: 15px;
+margin: 16px 0 16px 0;
+}
+QScrollBar:horizontal {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+height: 15px;
+margin: 0 16px 0 16px;
+}
+QScrollBar::handle:vertical {
+background: #00321c;
+border-top: 1px solid black;
+border-bottom: 1px solid black;
+border-left: none;
+border-right: none;
+min-height: 20px;
+}
+QScrollBar::handle:horizontal {
+background: #00321c;
+border-top: none;
+border-bottom: none;
+border-left: 1px solid black;
+border-right: 1px solid black;
+min-width: 20px;
+}
+QScrollBar::handle:pressed {
+background: #005a33;
+}
+QScrollBar::add-line, QScrollBar::sub-line {
+border: 1px solid black;
+background: #00321c;
+subcontrol-origin: margin;
+}
+QScrollBar::add-line:vertical {
+height: 15px;
+subcontrol-position: bottom;
+}
+QScrollBar::sub-line:vertical {
+height: 15px;
+subcontrol-position: top;
+}
+QScrollBar::add-line:horizontal {
+width: 15px;
+subcontrol-position: right;
+}
+QScrollBar::sub-line:horizontal {
+width: 15px;
+subcontrol-position: left;
+}
+QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
+background: #005a33;
 }
 
+QScrollBar::up-arrow {
+background-image: url(":/res/scroll_up.png");
+}
+QScrollBar::down-arrow {
+background-image: url(":/res/scroll_down.png");
+}
+QScrollBar::left-arrow {
+background-image: url(":/res/scroll_left.png");
+}
+QScrollBar::right-arrow {
+background-image: url(":/res/scroll_right.png");
+}
+QScrollBar::add-page, QScrollBar::sub-page {
+background: #00190F;
+}
+QScrollBar::add-page:pressed, QScrollBar::sub-page:pressed {
+background: #FFFCA1;
+}
 #hatList, #themeList {
 border-color: #F6CB1C;
 border-width: 3px;
--- a/QTfrontend/res/css/qt.css	Mon Apr 29 23:41:25 2019 +0200
+++ b/QTfrontend/res/css/qt.css	Tue Apr 30 14:21:11 2019 +0200
@@ -401,10 +401,81 @@
 border-color: #F6CB1C;
 }
 
-#hatList QScrollBar, #themeList QScrollBar {
-background-color: #130F2A;
-border-top-right-radius: 10px;
-border-bottom-right-radius: 10px;
+QScrollBar:vertical {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+width: 15px;
+margin: 16px 0 16px 0;
+}
+QScrollBar:horizontal {
+border: 1px solid black;
+color: #FFD902;
+background: #00321c;
+height: 15px;
+margin: 0 16px 0 16px;
+}
+QScrollBar::handle:vertical {
+background: #00321c;
+border-top: 1px solid black;
+border-bottom: 1px solid black;
+border-left: none;
+border-right: none;
+min-height: 20px;
+}
+QScrollBar::handle:horizontal {
+background: #00321c;
+border-top: none;
+border-bottom: none;
+border-left: 1px solid black;
+border-right: 1px solid black;
+min-width: 20px;
+}
+QScrollBar::handle:pressed {
+background: #005a33;
+}
+QScrollBar::add-line, QScrollBar::sub-line {
+border: 1px solid black;
+background: #00321c;
+subcontrol-origin: margin;
+}
+QScrollBar::add-line:vertical {
+height: 15px;
+subcontrol-position: bottom;
+}
+QScrollBar::sub-line:vertical {
+height: 15px;
+subcontrol-position: top;
+}
+QScrollBar::add-line:horizontal {
+width: 15px;
+subcontrol-position: right;
+}
+QScrollBar::sub-line:horizontal {
+width: 15px;
+subcontrol-position: left;
+}
+QScrollBar::add-line:pressed, QScrollBar::sub-line:pressed {
+background: #005a33;
+}
+
+QScrollBar::up-arrow {
+background-image: url(":/res/scroll_up.png");
+}
+QScrollBar::down-arrow {
+background-image: url(":/res/scroll_down.png");
+}
+QScrollBar::left-arrow {
+background-image: url(":/res/scroll_left.png");
+}
+QScrollBar::right-arrow {
+background-image: url(":/res/scroll_right.png");
+}
+QScrollBar::add-page, QScrollBar::sub-page {
+background: #00190F;
+}
+QScrollBar::add-page:pressed, QScrollBar::sub-page:pressed {
+background: #FFFCA1;
 }
 
 #hatList, #themeList {
Binary file QTfrontend/res/scroll_down.png has changed
Binary file QTfrontend/res/scroll_left.png has changed
Binary file QTfrontend/res/scroll_right.png has changed
Binary file QTfrontend/res/scroll_up.png has changed