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

add a temporary workaround to make firefox scrollbars visible with gtk 3.20

Browse Source
This commit is contained in:
Horst3180 2016-04-20 14:41:06 +02:00
parent 36155980a5
commit 935b23cc07
7 changed files with 374 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1762,85 +1762,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #a5abb5; background-color: #a5abb5;
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #3e434f; background-color: #3e434f;
border: 1px none #2b2e39; } border: 1px none #2b2e39; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #767b87; } background-color: #767b87; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #676b78; } background-color: #676b78; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1761,85 +1761,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #8a8e96; background-color: #8a8e96;
border: 1px solid rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.6);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #fcfcfc; background-color: #fcfcfc;
border: 1px none #dcdfe3; } border: 1px none #dcdfe3; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #b8babf; } background-color: #b8babf; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #c7c9cd; } background-color: #c7c9cd; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1762,85 +1762,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #a5abb5; background-color: #a5abb5;
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #3e434f; background-color: #3e434f;
border: 1px none #2b2e39; } border: 1px none #2b2e39; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #767b87; } background-color: #767b87; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #676b78; } background-color: #676b78; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1761,85 +1761,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #8a8e96; background-color: #8a8e96;
border: 1px solid rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.6);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #fcfcfc; background-color: #fcfcfc;
border: 1px none #dcdfe3; } border: 1px none #dcdfe3; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #b8babf; } background-color: #b8babf; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #c7c9cd; } background-color: #c7c9cd; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1765,85 +1765,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #8a8e96; background-color: #8a8e96;
border: 1px solid rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.6);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #fcfcfc; background-color: #fcfcfc;
border: 1px none #dcdfe3; } border: 1px none #dcdfe3; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #b8babf; } background-color: #b8babf; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #c7c9cd; } background-color: #c7c9cd; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1765,85 +1765,122 @@ notebook {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; } -GtkScrollbar-has-forward-stepper: false; }
scrollbar button { scrollbar button,
.scrollbar button {
border: none; } border: none; }
scrollbar.vertical button.down { scrollbar.vertical button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { scrollbar.vertical button.up,
.scrollbar.vertical button.up {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { scrollbar.horizontal button.down,
.scrollbar.horizontal button.down {
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
scrollbar.horizontal button.up { scrollbar.horizontal button.up,
.scrollbar.horizontal button.up {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; } opacity: 0.4; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #8a8e96; background-color: #8a8e96;
border: 1px solid rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.6);
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-width: 4px; min-width: 4px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-height: 4px; min-height: 4px;
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
opacity: 0.99; } opacity: 0.99; }
scrollbar trough { scrollbar trough,
.scrollbar trough {
background-color: #fcfcfc; background-color: #fcfcfc;
border: 1px none #dcdfe3; } border: 1px none #dcdfe3; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
background-color: #b8babf; } background-color: #b8babf; }
scrollbar slider:hover { scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
background-color: #c7c9cd; } background-color: #c7c9cd; }
scrollbar slider:hover:active { scrollbar slider:hover:active,
scrollbar .slider:hover:active,
.scrollbar slider:hover:active,
.scrollbar .slider:hover:active {
background-color: #5294E2; } background-color: #5294E2; }
scrollbar slider:disabled { scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune slider {
min-width: 4px; min-width: 4px;
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider,
.scrollbar.vertical slider {
min-height: 42px; min-height: 42px;
min-width: 6px; min-width: 6px;
margin: 3px; } margin: 3px; }
scrollbar.vertical trough:dir(ltr) { scrollbar.vertical trough:dir(ltr),
.scrollbar.vertical trough:dir(ltr) {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl),
.scrollbar.vertical trough:dir(rtl) {
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune slider {
min-height: 4px; min-height: 4px;
margin: 4px; } margin: 4px; }
scrollbar.horizontal slider { scrollbar.horizontal slider,
scrollbar.horizontal .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: 3px; } margin-top: 3px; }
scrollbar.horizontal trough { scrollbar.horizontal trough,
.scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
switch { switch {

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

@ -1859,7 +1859,8 @@ notebook {
// //
$_scrollbar_bg_color: darken($base_color, 1%); $_scrollbar_bg_color: darken($base_color, 1%);
scrollbar { scrollbar,
.scrollbar {
@at-root * { @at-root * {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-has-forward-stepper: false;
@ -1920,7 +1921,8 @@ scrollbar {
} }
// slider coloring // slider coloring
slider { slider,
.slider {
background-color: mix($fg_color, $bg_color, 40%); background-color: mix($fg_color, $bg_color, 40%);
&:hover { background-color: mix($fg_color, $bg_color, 30%); } &:hover { background-color: mix($fg_color, $bg_color, 30%); }
@ -1933,7 +1935,8 @@ scrollbar {
} }
// sizing // sizing
slider { slider,
.slider {
border-radius: 100px; border-radius: 100px;
margin: $_slider_margin; margin: $_slider_margin;
} }
@ -1964,7 +1967,8 @@ scrollbar {
margin: $_slider_fine_tune_margin; margin: $_slider_fine_tune_margin;
} }
slider { slider,
.slider {
min-height: 6px; min-height: 6px;
min-width: 42px; min-width: 42px;
margin-top: $_slider_margin; margin-top: $_slider_margin;