Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

rewrite scale style

Browse Source
This commit is contained in:
Horst3180 2016-04-02 22:42:44 +02:00
parent d1dcbc135e
commit bf1883a538
7 changed files with 1023 additions and 856 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1327,22 +1327,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #454c5c); background-color: #454c5c;
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, #50586b); background-color: #50586b;
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); background-color: rgba(63, 69, 84, 0.991);
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } background-color: rgba(21, 23, 28, 0.37); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } background-color: rgba(21, 23, 28, 0.27); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2046,132 +2046,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #2d303b; }
scale trough:disabled {
background-color: rgba(45, 48, 59, 0.55); }
.osd scale trough {
background-color: rgba(69, 74, 89, 0.95); }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #444a58;
border: 1px solid #262933;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: #505666; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #3c414e;
border-color: rgba(38, 41, 51, 0.8); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #444a58);
border: 1px solid #262933;
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, #505666);
border-color: #262933; }
scale slider:disabled {
background-image: linear-gradient(to bottom, #3c414e);
border-color: rgba(38, 41, 51, 0.8); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #2d303b); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95));
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -1326,22 +1326,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #454c5c); background-color: #454c5c;
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, #50586b); background-color: #50586b;
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); background-color: rgba(63, 69, 84, 0.991);
border-color: rgba(21, 23, 28, 0.67); } border-color: rgba(21, 23, 28, 0.67); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } background-color: rgba(21, 23, 28, 0.37); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } background-color: rgba(21, 23, 28, 0.27); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2045,132 +2045,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #cfd6e6; }
scale trough:disabled {
background-color: rgba(207, 214, 230, 0.55); }
.osd scale trough {
background-color: rgba(69, 74, 89, 0.95); }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #fbfbfc;
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: white; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #fbfbfb;
border-color: rgba(123, 142, 186, 0.3); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #fbfbfc);
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, white);
border-color: rgba(123, 142, 186, 0.5); }
scale slider:disabled {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: rgba(123, 142, 186, 0.3); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #cfd6e6); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95));
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -1327,22 +1327,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #454c5c); background-color: #454c5c;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, #50586b); background-color: #50586b;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, #3e4553); background-color: #3e4553;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } background-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } background-color: rgba(21, 23, 28, 0.3); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2046,132 +2046,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #2d303b; }
scale trough:disabled {
background-color: rgba(45, 48, 59, 0.55); }
.osd scale trough {
background-color: #454a59; }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #444a58;
border: 1px solid #262933;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: #505666; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #3c414e;
border-color: rgba(38, 41, 51, 0.8); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #444a58);
border: 1px solid #262933;
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, #505666);
border-color: #262933; }
scale slider:disabled {
background-image: linear-gradient(to bottom, #3c414e);
border-color: rgba(38, 41, 51, 0.8); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #2d303b); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, #454a59);
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -1326,22 +1326,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #454c5c); background-color: #454c5c;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, #50586b); background-color: #50586b;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, #3e4553); background-color: #3e4553;
border-color: rgba(21, 23, 28, 0.7); } border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } background-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } background-color: rgba(21, 23, 28, 0.3); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2045,132 +2045,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #cfd6e6; }
scale trough:disabled {
background-color: rgba(207, 214, 230, 0.55); }
.osd scale trough {
background-color: #454a59; }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #fbfbfc;
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: white; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #fbfbfb;
border-color: rgba(123, 142, 186, 0.3); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #fbfbfc);
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, white);
border-color: rgba(123, 142, 186, 0.5); }
scale slider:disabled {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: rgba(123, 142, 186, 0.3); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #cfd6e6); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, #454a59);
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -1330,22 +1330,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #fbfbfc); background-color: #fbfbfc;
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, white); background-color: white;
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, #f5f5f7); background-color: #f5f5f7;
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } background-color: rgba(82, 93, 118, 0.15); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } background-color: rgba(82, 93, 118, 0.1); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2049,132 +2049,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #cfd6e6; }
scale trough:disabled {
background-color: rgba(207, 214, 230, 0.55); }
.osd scale trough {
background-color: #454a59; }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #fbfbfc;
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: white; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #fbfbfb;
border-color: rgba(123, 142, 186, 0.3); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #fbfbfc);
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, white);
border-color: rgba(123, 142, 186, 0.5); }
scale slider:disabled {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: rgba(123, 142, 186, 0.3); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #cfd6e6); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, #454a59);
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -1330,22 +1330,22 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.75; } opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider { .primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #fbfbfc); background-color: #fbfbfc;
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover { .primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, white); background-color: white;
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale slider:active, headerbar scale slider:active { .primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2); background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled { .primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); background-color: rgba(245, 246, 247, 0.985);
border-color: rgba(82, 93, 118, 0.3); } border-color: rgba(82, 93, 118, 0.3); }
.primary-toolbar scale trough, headerbar scale trough { .primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } background-color: rgba(82, 93, 118, 0.15); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } background-color: rgba(82, 93, 118, 0.1); }
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
padding-left: 6px; padding-left: 6px;
@ -2049,132 +2049,152 @@ radio {
margin: 0; } margin: 0; }
scale { scale {
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px; }
padding: 5px; } scale.horizontal {
padding: 6px 0; }
scale.horizontal trough {
padding: 0 7px; }
scale.horizontal highlight, scale.horizontal fill {
margin: 0 -7px; }
scale.vertical {
padding: 0 6px; }
scale.vertical trough {
padding: 7px 0; }
scale.vertical highlight, scale.vertical fill {
margin: -7px 0; }
scale slider {
min-height: 15px;
min-width: 15px;
margin: -6px; }
scale.fine-tune.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px; }
scale.fine-tune.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px; }
scale.fine-tune slider {
margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
border-radius: 5px;
-gtk-outline-radius: 7px; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: #cfd6e6; }
scale trough:disabled {
background-color: rgba(207, 214, 230, 0.55); }
.osd scale trough {
background-color: rgba(69, 74, 89, 0.95); }
.osd scale trough highlight {
background-color: #5294E2; }
row:selected scale trough,
infobar scale trough {
background-color: rgba(0, 0, 0, 0.2); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-color: #ffffff; }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-color: #b1cff2; }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-color: rgba(0, 0, 0, 0.1); }
scale highlight {
border-radius: 2.5px;
background-color: #5294E2; }
scale highlight:disabled {
background-color: rgba(82, 148, 226, 0.55); }
scale fill {
border-radius: 2.5px;
background-color: rgba(82, 148, 226, 0.5); }
scale fill:disabled {
background-color: transparent; }
scale slider {
background-color: #fbfbfc;
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border; }
scale slider:hover {
background-color: white; }
scale slider:active {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
scale slider:disabled {
background-color: #fbfbfb;
border-color: rgba(123, 142, 186, 0.3); }
row:selected scale slider,
infobar scale slider {
background-clip: border-box;
background-color: #ffffff;
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-color: #e5effb;
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-color: #a9caf1;
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-color: #b1cff2;
border-color: #b1cff2; }
.osd scale slider {
background-clip: border-box;
background-color: #5294E2;
border-color: #5294E2; }
.osd scale slider:hover {
background-color: #7eafe9;
border-color: #7eafe9; }
.osd scale slider:active {
background-color: #2679db;
border-color: #2679db; }
scale value { scale value {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px; margin-bottom: 1px;
margin-top: 2px; } margin-top: -4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -2px; margin-top: 1px;
margin-bottom: 2px; } margin-bottom: -4px; }
scale marks.top { scale marks.top {
margin-right: -2px; margin-right: 1px;
margin-left: 2px; } margin-left: -4px; }
scale marks.bottom { scale marks.bottom {
margin-left: -2px; margin-left: 1px;
margin-right: 2px; } margin-right: -4px; }
scale.fine-tune marks { scale.fine-tune marks.top {
color: alpha(currentColor,0.4); } margin-bottom: 0px;
scale.fine-tune marks.top { margin-top: -2px; }
margin-bottom: -4px; scale.fine-tune marks.bottom {
margin-top: 4px; } margin-top: 0px;
scale.fine-tune marks.bottom { margin-bottom: -2px; }
margin-top: -4px; scale.fine-tune marks.top {
margin-bottom: 4px; } margin-right: 0px;
scale.fine-tune marks.top { margin-left: -2px; }
margin-right: -4px; scale.fine-tune marks.bottom {
margin-left: 4px; } margin-left: 0px;
scale.fine-tune marks.bottom { margin-right: -2px; }
margin-left: -4px;
margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 2px; }
scale.vertical indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.vertical.fine-tune indicator {
padding: 3px; } min-width: 2px; }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px; }
scale.fine-tune slider {
margin: -4px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, #fbfbfc);
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, white);
border-color: rgba(123, 142, 186, 0.5); }
scale slider:disabled {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: rgba(123, 142, 186, 0.3); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
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, #7eafe9);
border-color: #7eafe9; }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #cfd6e6); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95));
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar { progressbar {
padding: 0; padding: 0;

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

@ -323,12 +323,11 @@ $_dot_color: $selected_bg_color;
} }
} }
$button_transition: all 200ms $ease-out-quad;
button { button {
$_button_transition: all 200ms $ease-out-quad;
min-height: 22px; min-height: 22px;
min-width: 20px; min-width: 20px;
transition: $_button_transition; transition: $button_transition;
border: 1px solid; border: 1px solid;
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
@ -346,10 +345,10 @@ button {
transition: none; transition: none;
&:hover { &:hover {
transition: $_button_transition; transition: $button_transition;
transition-duration: 350ms; transition-duration: 350ms;
&:active { transition: $_button_transition; } &:active { transition: $button_transition; }
} }
} }
@ -1341,26 +1340,26 @@ headerbar {
$_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3));
$_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%));
background-image: linear-gradient(to bottom, $_slider_bg); background-color: $_slider_bg;
border-color: $_slider_border; border-color: $_slider_border;
&:hover { &:hover {
background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); background-color: lighten($_slider_bg, 5%);
border-color: $_slider_border; border-color: $_slider_border;
} }
&:active { &:active {
background-image: linear-gradient(to bottom, $selected_bg_color); background-color: $selected_bg_color;
border-color: $selected_bg_color; border-color: $selected_bg_color;
} }
&:disabled { &:disabled {
background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); background-color: mix($_slider_bg, $header_bg, 70%);
border-color: $_slider_border; border-color: $_slider_border;
} }
} }
trough { trough {
background-image: linear-gradient(to bottom, $_trough_bg); background-color: $_trough_bg;
&:disabled { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } &:disabled { background-color: if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1)); }
} }
} }
} }
@ -2052,11 +2051,176 @@ radio {
// //
scale { scale {
$_marks_length: 3px; $_marks_length: 3px;
$_marks_margin: -2px; $_marks_distance: 1px;
min-height: 9px; min-height: 10px;
min-width: 9px; min-width: 10px;
padding: 5px;
&.horizontal {
padding: 6px 0;
trough { padding: 0 7px; }
highlight, fill { margin: 0 -7px; }
}
&.vertical {
padding: 0 6px;
trough { padding: 7px 0; }
highlight, fill { margin: -7px 0; }
}
// The slider is inside the trough, negative margin to make it bigger
slider {
min-height: 15px;
min-width: 15px;
margin: -6px;
}
// Click-and-hold the slider to activate
&.fine-tune {
&.horizontal {
padding-top: 4px;
padding-bottom: 4px;
min-height: 15px;
}
&.vertical {
padding-left: 4px;
padding-right: 4px;
min-width: 15px;
}
// Make the trough grow in fine-tune mode
slider { margin: -4px; }
fill,
highlight,
trough {
border-radius: 5px;
-gtk-outline-radius: 7px;
}
}
// Trough
trough {
$_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%));
outline-offset: 2px;
-gtk-outline-radius: 4.5px;
border-radius: 2.5px;
background-color: $_scale_trough_bg;
&:disabled { background-color: transparentize($_scale_trough_bg, 0.45); }
//OSD troughs
.osd & {
background-color: lighten($osd_bg_color, 7%);
highlight {
background-color: $selected_bg_color;
&:disabled { }
}
&:disabled { }
}
// Troughs in selected list-rows and infobars
row:selected &,
infobar & {
background-color: transparentize(black, 0.8);
highlight {
background-color: $selected_fg_color;
&:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); }
}
&:disabled { background-color: transparentize(black, 0.9); }
}
}
// The colored part of trough
highlight {
border-radius: 2.5px;
background-color: $selected_bg_color;
&:disabled { background-color: transparentize($selected_bg_color, 0.45); }
}
// this is another differently styled part of the trough, the most relevant use case is for example
// in media player to indicate how much video stream as been cached
fill {
border-radius: 2.5px;
background-color: transparentize($selected_bg_color, 0.5);
&:disabled { background-color: transparent; }
}
slider {
$_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%));
background-color: $button_bg;
border: 1px solid $_slider_border;
border-radius: 100%;
transition: $button_transition;
transition-property: background, border;
&:hover { background-color: lighten($button_bg, 5%); }
&:active {
background-clip: border-box;
background-color: $selected_bg_color;
border-color: $selected_bg_color;
}
&:disabled {
background-color: mix($entry_bg, $bg_color, 55%);
border-color: transparentize($_slider_border, 0.2);
}
// Selected list-row and infobar sliders
row:selected &,
infobar & {
background-clip: border-box;
background-color: $selected_fg_color;
border-color: $selected_fg_color;
&:hover {
background-color: mix($selected_fg_color, $selected_bg_color, 85%);
border-color: mix($selected_fg_color, $selected_bg_color, 85%);
}
&:active {
background-color: mix($selected_fg_color, $selected_bg_color, 50%);
border-color: mix($selected_fg_color, $selected_bg_color, 50%);
}
&:disabled{
background-color: mix($selected_fg_color, $selected_bg_color, 55%);
border-color: mix($selected_fg_color, $selected_bg_color, 55%);
}
}
// OSD sliders
.osd & {
background-clip: border-box;
background-color: $selected_bg_color;
border-color: $selected_bg_color;
&:hover {
background-color: lighten($selected_bg_color, 10%);
border-color: lighten($selected_bg_color, 10%)
}
&:active {
background-color: darken($selected_bg_color, 10%);
border-color: darken($selected_bg_color, 10%);
}
&:disabled { }
}
}
value { color: gtkalpha(currentColor, 0.4); } value { color: gtkalpha(currentColor, 0.4); }
@ -2068,159 +2232,42 @@ scale {
(top, left, right), (top, left, right),
(bottom, right, left) { (bottom, right, left) {
&.#{$marks_class} { &.#{$marks_class} {
margin-#{$marks_margin}: $_marks_margin; margin-#{$marks_margin}: $_marks_distance;
margin-#{$marks_pos}: -$_marks_margin; margin-#{$marks_pos}: -($_marks_distance + $_marks_length);
} }
} }
} }
&.fine-tune marks { &.fine-tune marks {
color: gtkalpha(currentColor, 0.4);
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
(bottom, bottom, top), (bottom, bottom, top),
(top, left, right), (top, left, right),
(bottom, right, left) { (bottom, right, left) {
&.#{$marks_class} { &.#{$marks_class} {
margin-#{$marks_margin}: $_marks_margin - 2px; margin-#{$marks_margin}: ($_marks_distance - 1px);
margin-#{$marks_pos}: -$_marks_margin + 2px; margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px);
} }
} }
} }
&.horizontal {
indicator {
min-height: $_marks_length;
min-width: 1px;
}
&.horizontal indicator { &.fine-tune indicator { min-height: ($_marks_length - 1px); }
min-height: $_marks_length;
min-width: 1px;
} }
&.vertical indicator { &.vertical {
min-height: 1px; indicator {
min-width: $_marks_length; min-height: 1px;
} min-width: $_marks_length;
&.fine-tune {
padding: 3px;
trough, fill, highlight { border-radius: 5px; }
slider { margin: -4px; }
}
trough, fill, highlight {
border-radius: 2.5px;
}
slider {
$_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%));
min-width: 15px;
min-height: 15px;
margin: -6px;
background-clip: border-box;
background-image: linear-gradient(to bottom, $button_bg);
border: 1px solid $_slider_border;
border-radius: 50%;
box-shadow: none;
&:hover {
background-image: linear-gradient(to bottom, lighten($button_bg, 5%));
border-color: $_slider_border;
}
&:disabled {
background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%));
border-color: transparentize($_slider_border, 0.2);
}
&:active {
background-image: linear-gradient(to bottom, $selected_bg_color);
border-color: $selected_bg_color;
}
//OSD sliders
.osd & {
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, 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%);
}
}
//selected list-row and infobar sliders
row:selected &,
infobar & {
background-image: linear-gradient(to bottom, $selected_fg_color);
border-color: $selected_fg_color;
&:hover {
background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%));
border-color: mix($selected_fg_color, $selected_bg_color, 85%);
}
&:active {
background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%));
border-color: mix($selected_fg_color, $selected_bg_color, 50%);
}
&:disabled{
background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%));
border-color: mix($selected_fg_color, $selected_bg_color, 55%);
}
}
}
trough {
$_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%));
outline-offset: 2px;
-gtk-outline-radius: 2px;
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, $_scale_trough_bg);
highlight {
background-image: linear-gradient(to bottom, $selected_bg_color);
&:disabled {
background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45));
}
}
fill {
background: none;
background-color: transparentize($selected_bg_color, 0.5);
}
&:disabled {
background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45));
} }
//OSD troughs &.fine-tune indicator { min-width: ($_marks_length - 1px); }
.osd & {
background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%));
outline-color: transparentize($osd_fg_color, 0.8);
highlight {
background-image: none;
background-image: linear-gradient(to bottom, $selected_bg_color);
}
&:disabled { }
}
// troughs in selected list-rows and infobars
row:selected &,
infobar & {
background-image: linear-gradient(to bottom, transparentize(black, 0.8));
highlight {
background-image: linear-gradient(to bottom, $selected_fg_color);
&:disabled { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); }
}
&:disabled { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); }
}
} }
} }
// //
// Progress bars // Progress bars
// //