Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2025-06-13 12:53:52 +00:00
Code Issues Projects Releases Wiki Activity

tweak osd scale slider

Browse Source
This commit is contained in:
Horst3180 2016-03-30 22:16:16 +02:00
parent 7e7fd197b6
commit 7b2f1bfe25
7 changed files with 46 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

8
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

8
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -2100,10 +2100,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

8
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -2099,10 +2099,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

8
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

8
common/gtk-3.0/3.20/gtk.css
View File

@ -2103,10 +2103,14 @@ scale {
background-image: linear-gradient(to bottom, #5294E2); background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; } border-color: #5294E2; }
.osd scale slider { .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; } border-color: #5294E2; }
.osd scale slider:hover { .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 { .osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db); background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; } border-color: #2679db; }

12
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -2124,10 +2124,18 @@ scale {
} }
//OSD sliders //OSD sliders
.osd & { .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; 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 { &:active {
background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%));
border-color: darken($selected_bg_color, 10%); border-color: darken($selected_bg_color, 10%);