dotfiles/config/.themes/gtk-3.0/gtk-scrollbar.css
Michael Chalupiak 24d4801414 themes
2025-02-01 15:42:37 -05:00

137 lines
4.6 KiB
CSS

/*************
* scrollbar *
*************/
/*
Contributor notes:
Please use two space indentions.
Stack all related and child selectors and selector states into a logical hierarchy to a readable degree.
Make sure that all changes made here are part of the GtkScrollbar.
*/
scrollbar {
border: none;
background-color: @scrollbar_trough_bg_color; }
scrollbar trough {
border: none;
border-radius: 0; }
scrollbar slider {
margin-top: 0px;
padding: 0px;
background-color: @scrollbar_bg_color;
border: 2px solid @border_dark;
box-shadow: none;
border-image: url("scrollbar/scrollbar_button.png");
border-image-slice: 2 2 2 2;
min-width: 12px;
min-height: 12px; }
/* This is for Libreoffice scrollbar buttons */
scrollbar button,
scrollbar .button {
background-image: url("scrollbar/scrollbar_button.png");
background-position: center; /* Note: This can affect other applications, such as Whisker Menu */
background-repeat: no-repeat; /* Note: This can affect other applications, such as Whisker Menu */
min-height: 16px;
min-width: 16px;
margin: 0px;
padding: 0px;
border: none;
background-color: @scrollbar_trough_bg_color;
box-shadow: none; }
scrollbar button:active,
scrollbar .button:active {
min-width: 16px;
min-height: 16px;
border: 1px solid @border_shade;
background-color: @scrollbar_trough_bg_color;
background-image: none;
box-shadow: none; }
/* Every other scrollbar that isn't Libreoffice */
scrollbar button.up,
scrollbar button.down,
scrollbar button.left,
scrollbar button.right {
margin: 0px;
padding: 0px;
background-color: @scrollbar_trough_bg_color;
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
border-width: 0px;
border-style: solid;
min-width: 16px;
min-height: 16px; }
scrollbar button.up:active,
scrollbar button.down:active,
scrollbar button.left:active,
scrollbar button.right:active {
border: none;
box-shadow: none; }
/* Scrollbar buttons for GTK3 applications (such as Firefox or Thunderbird) using deprecated selectors */
scrollbar .button {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px;
min-height: 16px;
box-shadow: none; }
scrollbar .button:active {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px;
min-height: 16px;
box-shadow: none; }
/* where is the junction? in scrollablewindow? Does it exists anymore? */
scrollbar.junction,
scrollbar .junction {
border-width: 1px;
border-style: solid;
border-color: @border_color;
background-color: red; }
/* Vertical scrollbar button icons */
scrollbar.vertical button.up,
scrollbar .button.vertical.top {
background-image: url("scrollbar/stepper-up.png"); }
scrollbar.vertical button.up:active,
scrollbar .button.vertical.top:active {
background-image: url("scrollbar/stepper-up-active.png"); }
scrollbar.vertical button.up:disabled,
scrollbar .button.vertical.top:disabled {
background-image: url("scrollbar/stepper-up-insense.png"); }
scrollbar.vertical button.down,
scrollbar .button.vertical.bottom {
background-image: url("scrollbar/stepper-down.png"); }
scrollbar.vertical button.down:active,
scrollbar .button.vertical.bottom:active {
background-image: url("scrollbar/stepper-down-active.png"); }
scrollbar.vertical button.down:disabled,
scrollbar .button.vertical.bottom:disabled {
background-image: url("scrollbar/stepper-down-insense.png");}
/* Horizontal scrollbar button icons */
scrollbar.horizontal button.up,
scrollbar .button.horizontal.left {
background-image: url("scrollbar/stepper-left.png"); }
scrollbar.horizontal button.up:active,
scrollbar .button.horizontal.left:active {
background-image: url("scrollbar/stepper-left-active.png"); }
scrollbar.horizontal button.up:disabled,
scrollbar .button.horizontal.left:disabled {
background-image: url("scrollbar/stepper-left-insense.png"); }
scrollbar.horizontal button.down,
scrollbar .button.horizontal.right {
background-image: url("scrollbar/stepper-right.png"); }
scrollbar.horizontal button.down:active,
scrollbar .button.horizontal.right:active {
background-image: url("scrollbar/stepper-right-active.png"); }
scrollbar.horizontal button.down:disabled,
scrollbar .button.horizontal.right:disabled {
background-image: url("scrollbar/stepper-right-insense.png"); }