aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0
diff options
context:
space:
mode:
authorHorst31802016-03-30 22:16:16 +0200
committerHorst31802016-03-30 22:16:16 +0200
commit7b2f1bfe251131d0770bdde29ab0992a04ecebf9 (patch)
treeef7db402f1aebda9f62090ae64504174d31f6d56 /common/gtk-3.0
parent7e7fd197b61d876914fbf0b7b58158ddf13796d4 (diff)
downloadsolarc-theme-7b2f1bfe251131d0770bdde29ab0992a04ecebf9.tar.gz
solarc-theme-7b2f1bfe251131d0770bdde29ab0992a04ecebf9.tar.xz
solarc-theme-7b2f1bfe251131d0770bdde29ab0992a04ecebf9.zip
tweak osd scale slider
Diffstat (limited to 'common/gtk-3.0')
-rw-r--r--common/gtk-3.0/3.20/gtk-dark.css8
-rw-r--r--common/gtk-3.0/3.20/gtk-darker.css8
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-dark.css8
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-darker.css8
-rw-r--r--common/gtk-3.0/3.20/gtk-solid.css8
-rw-r--r--common/gtk-3.0/3.20/gtk.css8
-rw-r--r--common/gtk-3.0/3.20/sass/_common.scss12
7 files changed, 46 insertions, 14 deletions
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index 235b49e..2c88e00 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index d9b98c1..e4077f5 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index d7f1282..575a787 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, #353945);
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index 9fc0b32..5a62280 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, #353945);
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 2c4c41f..060ad71 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, #353945);
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index a6fd06c..b50c13c 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
- background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95));
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+ background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider:hover {
- background-image: linear-gradient(to bottom, #5294E2); }
+ background-image: linear-gradient(to bottom, #7eafe9);
+ border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index 7e293b5..bb8f166 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -2124,10 +2124,18 @@ scale {
}
//OSD sliders
.osd & {
- background-image: linear-gradient(to bottom, $osd_bg_color);
+ min-width: 11px;
+ min-height: 11px;
+ margin: -4px;
+
+ background-image: linear-gradient(to bottom, $selected_bg_color);
border-color: $selected_bg_color;
- &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); }
+ &:hover {
+ background-image: linear-gradient(to bottom, lighten($selected_bg_color, 10%));
+ border-color: lighten($selected_bg_color, 10%)
+;
+ }
&:active {
background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%));
border-color: darken($selected_bg_color, 10%);