Almost there. Mainly metacity left to do.
This commit is contained in:
parent
845bd7e61c
commit
c27f2a2e50
|
|
@ -0,0 +1,8 @@
|
|||
# To Do
|
||||
|
||||
- Round scale sliders that look like a flower or something more interesting
|
||||
- Disabled ones which stand out a little more
|
||||
- xfwm4 theme: finish all the buttons
|
||||
|
||||
|
||||
|
||||
|
|
@ -15,9 +15,10 @@ gtk_color_scheme = "link_color:#7BBD89"
|
|||
gtk_color_scheme = "frame_color:#BEC6D4\ninactive_frame_color:#BEC6D4" # Fix for Chrome
|
||||
gtk_color_scheme = "bg_color_dark:#F0F0F0\ntext_color_dark:#4d4d4d\ntext_color_dark_selected:#FFF" # Dark colors - NO MORE DARKS
|
||||
gtk_color_scheme = "widget_color:#BEC6D4"
|
||||
gtk_color_scheme = "button_bg_color:#B0C1AE"
|
||||
|
||||
gtk-icon-sizes = "gtk-button=16,16" # Set icon size for buttons
|
||||
gtk-button-images = 0 # Disables icons for buttons with text
|
||||
gtk-button-images = 1 # Disables icons for buttons with text
|
||||
gtk-toolbar-style = 0 # Disables text in toolbar
|
||||
gtk-auto-mnemonics = 1 # Disables lines under menu items
|
||||
|
||||
|
|
@ -38,7 +39,7 @@ style "murrine-default"
|
|||
GtkButton ::child-displacement-y = 1
|
||||
GtkButton ::default-border = { 0, 0, 0, 0 }
|
||||
|
||||
GtkCheckButton ::indicator-size = 15
|
||||
GtkCheckButton ::indicator-size = 18
|
||||
|
||||
GtkEntry ::honors-transparent-bg-hint = 1
|
||||
GtkEntry ::progress-border = { 2, 2, 2, 2 }
|
||||
|
|
@ -65,10 +66,10 @@ style "murrine-default"
|
|||
GtkScale ::slider-width = 14
|
||||
GtkScale ::trough-side-details = 1
|
||||
|
||||
GtkScrollbar ::has-backward-stepper = 0
|
||||
GtkScrollbar ::has-forward-stepper = 0
|
||||
GtkScrollbar ::has-backward-stepper = 1
|
||||
GtkScrollbar ::has-forward-stepper = 1
|
||||
GtkScrollbar ::min-slider-length = 30
|
||||
GtkScrollbar ::slider-width = 6
|
||||
GtkScrollbar ::slider-width = 13
|
||||
GtkScrollbar ::trough-border = 1
|
||||
|
||||
GtkScrolledWindow ::scrollbar-spacing = 0
|
||||
|
|
@ -120,7 +121,7 @@ style "murrine-default"
|
|||
focusstyle = 3
|
||||
glazestyle = 0
|
||||
gradient_shades = {1.18,1.09,1.08,0.9}
|
||||
glowstyle = 4
|
||||
glowstyle = 0
|
||||
highlight_shade = 1.0 # set highlight amount for buttons or widgets
|
||||
lightborder_shade = 1.18 # sets lightborder amount for buttons or widgets
|
||||
lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
|
||||
|
|
@ -133,10 +134,10 @@ style "murrine-default"
|
|||
reliefstyle = 3 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
|
||||
rgba = FALSE # Alpha transparency
|
||||
roundness = 5 # 0 = square
|
||||
scrollbarstyle = 0 # 0 = nothing
|
||||
scrollbarstyle = 2 # scrollbarstyle = 0 nothing, 1 circles, 2 handles, 3 diagonal stripes, 4 diagonal stripes and handles, 5 horizontal stripes, 6 horizontal stripes and handles
|
||||
separatorstyle = 1
|
||||
shadow_shades = { 2.0, 1.0 }
|
||||
sliderstyle = 0 # 0 = nothing added
|
||||
shadow_shades = { 1.5, 0.7 }
|
||||
sliderstyle = 1 # 0 = nothing added, 1 handles
|
||||
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
|
||||
toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
|
||||
trough_shades = { 0.85, 1.0 }
|
||||
|
|
@ -182,10 +183,10 @@ style "murrine-wider-dark" = "murrine-dark" { xthickness = 3 ythickness
|
|||
|
||||
style "murrine-button" = "murrine-widest" {
|
||||
|
||||
bg[ACTIVE] = shade (0.80, @bg_color)
|
||||
bg[NORMAL] = shade (1.05, @bg_color)
|
||||
bg[PRELIGHT] = shade (1.02, @bg_color)
|
||||
bg[SELECTED] = @widget_color
|
||||
bg[ACTIVE] = shade (0.9, @button_bg_color)
|
||||
bg[NORMAL] = shade (1.0, @button_bg_color)
|
||||
bg[PRELIGHT] = shade (1.1, @button_bg_color)
|
||||
bg[SELECTED] = shade (0.8, @button_bg_color)
|
||||
bg[INSENSITIVE] = shade (0.98, @bg_color)
|
||||
|
||||
engine "murrine" {
|
||||
|
|
@ -333,21 +334,21 @@ style "murrine-scale" = "murrine-wider"
|
|||
|
||||
style "murrine-scrollbar"
|
||||
{
|
||||
bg[SELECTED] = shade (0.6, @base_color)
|
||||
bg[ACTIVE] = @base_color
|
||||
|
||||
bg[SELECTED] = @button_bg_color
|
||||
bg[ACTIVE] = @selected_bg_color
|
||||
bg[NORMAL] = @button_bg_color
|
||||
engine "murrine" {
|
||||
roundness = 5
|
||||
gradient_shades = {1.0,1.0,1.0,1.0}
|
||||
gradient_shades = {1.05, 1.0, 0.95, 0.9}
|
||||
highlight_shade = 1.0
|
||||
glow_shade = 1.0
|
||||
reliefstyle = 0
|
||||
gradient_colors = FALSE
|
||||
lightborder_shade = 1.0
|
||||
lightborderstyle = 0
|
||||
trough_shades = { 1.3, 1.3}
|
||||
border_shades = { 2.0, 2.0}
|
||||
contrast = 0.0
|
||||
glow_shade = 1.1
|
||||
reliefstyle = 1
|
||||
gradient_colors = FALSE #{ "#FF0000", "#00FF00", "#0000FF", "#FFFFFF" }
|
||||
lightborder_shade = 1.1
|
||||
lightborderstyle = 1
|
||||
trough_shades = { 0.6, 0.8}
|
||||
border_shades = { 1.1, 0.9}
|
||||
contrast = 1.0
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ text widgets and the like base background color */
|
|||
@define-color theme_disabled_fg_color alpha(@theme_fg_color, 0.5);
|
||||
|
||||
/*
|
||||
* button background color*/
|
||||
* button background color (note: it is applied with 0.6 alpha!)*/
|
||||
@define-color button_bg_color #B0C1AE;
|
||||
|
||||
|
||||
|
|
@ -107,7 +107,7 @@ read if you used those and something break with a version upgrade you're on your
|
|||
-GtkWidget-text-handle-height: 24;
|
||||
-GtkDialog-button-spacing: 4;
|
||||
-GtkDialog-action-area-border: 0;
|
||||
outline-color: alpha(currentColor,0.3);
|
||||
outline-color: alpha(currentColor,0.4);
|
||||
outline-style: dashed;
|
||||
outline-offset: -3px;
|
||||
outline-width: 1px;
|
||||
|
|
@ -157,10 +157,10 @@ iconview text,
|
|||
textview text {
|
||||
color: @theme_fg_color;
|
||||
background-color: @theme_base_color; }
|
||||
.view:backdrop, iconview:backdrop,
|
||||
/*.view:backdrop, iconview:backdrop,
|
||||
.view text:backdrop,
|
||||
iconview text:backdrop,
|
||||
/*textview text:backdrop {
|
||||
textview text:backdrop {
|
||||
color: @theme_unfocused_text_color;
|
||||
background-color: @theme_unfocused_base_color; }
|
||||
.view:backdrop:disabled, iconview:backdrop:disabled,
|
||||
|
|
@ -303,9 +303,9 @@ entry {
|
|||
spinbutton:not(.vertical) image.right,
|
||||
entry image.right {
|
||||
margin-left: 6px; }
|
||||
|
||||
/* undershoots defined globally later
|
||||
*
|
||||
|
||||
/* undershoots defined globally later
|
||||
*
|
||||
spinbutton:not(.vertical) undershoot.left,
|
||||
entry undershoot.left {
|
||||
background-color: transparent;
|
||||
|
|
@ -593,6 +593,9 @@ button {
|
|||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
notebook > header > tabs > arrow, button.titlebutton,
|
||||
button, button.flat:hover, button.flat:focus {
|
||||
color: @theme_fg_color;
|
||||
outline-color: rgba(0, 0, 0, 0.1);
|
||||
text-shadow: 0 1px alpha(white, 0.7), 0 -1px alpha(black, 0.3);
|
||||
|
|
@ -600,7 +603,7 @@ button {
|
|||
border-color: alpha(black, 0.3);/*@borders;*/
|
||||
border-bottom-color: alpha(black, 0.5);
|
||||
/*background: linear-gradient(to top, shade (@theme_bg_color, 1), shade (@theme_bg_color, 1.05));*/
|
||||
background: linear-gradient(to top, shade (@button_bg_color, 1), shade (@button_bg_color, 1.1));
|
||||
background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
|
||||
/*box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.15);*/
|
||||
box-shadow: inset 0px 1px 1px alpha(white, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85);
|
||||
}
|
||||
|
|
@ -616,22 +619,30 @@ button {
|
|||
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
|
||||
button.flat:hover {
|
||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition-duration: 500ms; }
|
||||
transition-duration: 500ms;
|
||||
background-color: alpha(white, 0.2)
|
||||
}
|
||||
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
|
||||
button.flat:hover:active {
|
||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
notebook > header > tabs > arrow:focus, button.titlebutton:focus,
|
||||
button:focus {
|
||||
outline-offset: -8px; }
|
||||
outline-offset: -8px;
|
||||
background-color: alpha (white, 0.7);
|
||||
}
|
||||
notebook > header > tabs > arrow:hover, button.titlebutton:hover,
|
||||
button:hover {
|
||||
color: @theme_fg_color;
|
||||
outline-color: rgba(0, 0, 0, 0.1);
|
||||
/* color: @theme_fg_color;
|
||||
outline-color: rgba(0, 0, 0, 0.1);*/
|
||||
/*background: linear-gradient(to top, shade (@theme_bg_color, 1.05), shade (@theme_bg_color, 1.1));*/
|
||||
background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1));
|
||||
/* background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1));
|
||||
border-color: @borders;
|
||||
border-bottom-color: shade (@borders, 0.75);
|
||||
border-bottom-color: shade (@borders, 0.75);*/
|
||||
background-color: alpha(white, 0.7);
|
||||
-gtk-icon-effect: highlight; }
|
||||
headerbar button:hover {
|
||||
background-color: alpha(white, 0.3);
|
||||
}
|
||||
notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
|
||||
button:active,
|
||||
button:checked {
|
||||
|
|
@ -642,7 +653,7 @@ button {
|
|||
/*border-color: shade (@borders, 0.6);*/
|
||||
border-bottom-color: alpha(white, 0.5);
|
||||
/*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/
|
||||
background: linear-gradient(to top, shade (@button_bg_color, 0.85), shade (@button_bg_color, 0.9));
|
||||
background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6));
|
||||
-gtk-icon-shadow: none;
|
||||
/*box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6);*/
|
||||
box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6);
|
||||
|
|
@ -778,7 +789,7 @@ button {
|
|||
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
|
||||
color: @theme_unfocused_base_color; }
|
||||
|
||||
|
||||
/*
|
||||
button.osd {
|
||||
min-width: 24px;
|
||||
min-height: 32px;
|
||||
|
|
@ -837,7 +848,7 @@ button.osd {
|
|||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
border: none; }
|
||||
|
||||
*/
|
||||
/*button.osd:backdrop {
|
||||
color: #eeeeec;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
|
|
@ -848,7 +859,7 @@ button.osd {
|
|||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
border: none; }*/
|
||||
|
||||
/*
|
||||
.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
|
||||
.app-notification.frame button,
|
||||
.osd
|
||||
|
|
@ -904,7 +915,7 @@ button {
|
|||
background-clip: padding-box;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
-gtk-icon-shadow: none; }*/
|
||||
/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
|
||||
.osd
|
||||
button:backdrop {
|
||||
|
|
@ -916,7 +927,7 @@ button {
|
|||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }*/
|
||||
popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat,
|
||||
/*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat,
|
||||
.osd
|
||||
button.flat {
|
||||
border-color: transparent;
|
||||
|
|
@ -929,8 +940,8 @@ button {
|
|||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black; }
|
||||
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover,
|
||||
.osd
|
||||
button.flat:hover {
|
||||
.osd*/
|
||||
/*button.flat:hover {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
background-color: transparent;
|
||||
|
|
@ -939,8 +950,8 @@ button {
|
|||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
outline-color: rgba(238, 238, 236, 0.2); }
|
||||
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
|
||||
outline-color: rgba(238, 238, 236, 0.2); }*/
|
||||
/* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
|
||||
.osd
|
||||
button.flat:disabled {
|
||||
color: @theme_disabled_fg_color;
|
||||
|
|
@ -955,7 +966,7 @@ button {
|
|||
border-color: transparent;
|
||||
box-shadow: none; }
|
||||
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop,
|
||||
.osd
|
||||
.osd*/
|
||||
/* button.flat:backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
|
|
@ -963,7 +974,7 @@ button {
|
|||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }*/
|
||||
popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked,
|
||||
/* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked,
|
||||
.osd
|
||||
button.flat:active,
|
||||
.osd
|
||||
|
|
@ -976,7 +987,7 @@ button {
|
|||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
outline-color: rgba(238, 238, 236, 0.2); }
|
||||
outline-color: rgba(238, 238, 236, 0.2); }*/
|
||||
|
||||
|
||||
button.suggested-action {
|
||||
|
|
@ -1165,7 +1176,9 @@ button.suggested-action {
|
|||
-gtk-icon-shadow: none; }
|
||||
|
||||
|
||||
button.destructive-action {
|
||||
button.destructive-action,
|
||||
button.close:hover, button.close:focus,
|
||||
button.flat.close:hover, button.flat.close:focus {
|
||||
color: @theme_selected_fg_color;
|
||||
outline-color: rgba(255, 255, 255, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.451529);
|
||||
|
|
@ -1199,7 +1212,7 @@ button.destructive-action {
|
|||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0px 0px 2px 0px shade (@error_color, 0.5); }
|
||||
|
||||
button.destructive-action:backdrop,
|
||||
/*button.destructive-action:backdrop,
|
||||
button.destructive-action.flat:backdrop {
|
||||
border-color: @error_color;
|
||||
background-image: image(@error_color);
|
||||
|
|
@ -1267,7 +1280,7 @@ button.destructive-action {
|
|||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
color: alpha (@error_color, 0.8); }
|
||||
color: alpha (@error_color, 0.8); }*/
|
||||
|
||||
button.destructive-action:disabled {
|
||||
text-shadow: none;
|
||||
|
|
@ -1399,7 +1412,7 @@ button {
|
|||
|
||||
|
||||
button.circular {
|
||||
border-radius: 9999px;
|
||||
border-radius: 100%;
|
||||
-gtk-outline-radius: 9999px;
|
||||
background-origin: padding-box, border-box;
|
||||
background-clip: padding-box, border-box; }
|
||||
|
|
@ -1407,7 +1420,7 @@ button.circular {
|
|||
button.circular label {
|
||||
padding: 0; }
|
||||
|
||||
button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
color: @theme_fg_color;
|
||||
outline-color: rgba(82, 87, 98, 0.2);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
|
||||
|
|
@ -1422,7 +1435,7 @@ button.circular {
|
|||
outline-color: rgba(82, 87, 98, 0.2);
|
||||
background-image: image(shade (@button_bg_color, 1.1));
|
||||
border-color: @borders;
|
||||
border-bottom-color: shade (@borders, 1.1); }
|
||||
border-bottom-color: shade (@borders, 1.1); }*/
|
||||
|
||||
.stack-switcher >
|
||||
button.needs-attention > label,
|
||||
|
|
@ -2352,7 +2365,7 @@ headerbar spinbutton,
|
|||
headerbar separator,
|
||||
headerbar button {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
margin-bottom: 6px;
|
||||
border-color: alpha(black, 0.3);
|
||||
}
|
||||
|
||||
|
|
@ -2564,14 +2577,14 @@ treeview.view {
|
|||
color: @theme_selected_fg_color;
|
||||
box-shadow: none;
|
||||
background-image: linear-gradient(to bottom, @theme_base_color, @theme_bg_color); }
|
||||
treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
|
||||
/*treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
|
||||
color: @theme_selected_bg_color;
|
||||
border-color: shade (@theme_selected_bg_color, 1.5);
|
||||
background-color: @theme_unfocused_base_color; }
|
||||
treeview.view.progressbar:backdrop {
|
||||
background-color: @theme_unfocused_base_color; }*/
|
||||
/*treeview.view.progressbar:backdrop {
|
||||
color: @theme_unfocused_base_color;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
box-shadow: none; }*/
|
||||
treeview.view.trough {
|
||||
background-color: rgba(82, 87, 98, 0.1);
|
||||
border-radius: 4px; }
|
||||
|
|
@ -2993,45 +3006,58 @@ notebook > stack:not(:only-child) {
|
|||
**************/
|
||||
scrollbar {
|
||||
background-color: alpha (@theme_fg_color, 0.25);
|
||||
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border: 1px solid @borders;
|
||||
}
|
||||
scrollbar trough {
|
||||
/*border: 1px solid @theme_bg_color;*/
|
||||
box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(white, 0.3);
|
||||
padding: 0px;
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
}
|
||||
* {
|
||||
-GtkScrollbar-has-backward-stepper: false;
|
||||
-GtkScrollbar-has-forward-stepper: false; }
|
||||
scrollbar.top {
|
||||
-GtkScrollbar-has-backward-stepper: true;
|
||||
-GtkScrollbar-has-forward-stepper: true; }
|
||||
/*scrollbar.top {
|
||||
border-bottom: 1px solid @borders; }
|
||||
scrollbar.bottom {
|
||||
border-top: 1px solid @borders; }
|
||||
scrollbar.left {
|
||||
border-right: 1px solid @borders; }
|
||||
scrollbar.right {
|
||||
border-left: 1px solid @borders; }
|
||||
scrollbar:backdrop {
|
||||
border-left: 1px solid @borders; }*/
|
||||
/*scrollbar:backdrop {
|
||||
background-color: alpha (@theme_fg_color, 0.25);
|
||||
border-color: @unfocused_borders;
|
||||
transition: 80ms ease-out; }
|
||||
transition: 80ms ease-out; }*/
|
||||
scrollbar slider {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
margin: -1px;
|
||||
border: 4px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-clip: padding-box;
|
||||
background-color: alpha (@theme_fg_color, 0.35); }
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
margin: 0px;
|
||||
border: 1px solid alpha(black, 0.4);
|
||||
border-radius: 0.5em;
|
||||
background-color: @button_bg_color;
|
||||
background-image: linear-gradient(to top, alpha (shade (@button_bg_color, 0.9), 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
|
||||
box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(white, 0.6); }
|
||||
|
||||
/*scrollbar.vertical slider {
|
||||
background-image:linear-gradient(to bottom, transparent, transparent 45%, red 48%, blue 51%, red 53%, transparent 55%);
|
||||
}*/
|
||||
scrollbar slider:hover {
|
||||
background-color: alpha (@theme_fg_color, 0.5); }
|
||||
background-color: shade(@button_bg_color, 1.1); }
|
||||
scrollbar slider:hover:active {
|
||||
background-color: shade (@theme_selected_bg_color, 1.35); }
|
||||
background-color: shade (@theme_selected_bg_color, 1); }
|
||||
/*scrollbar slider:backdrop {
|
||||
background-color: alpha (@theme_fg_color, 0.35); }*/
|
||||
scrollbar slider:disabled {
|
||||
background-color: transparent; }
|
||||
scrollbar.fine-tune slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px; }
|
||||
scrollbar.fine-tune.horizontal slider {
|
||||
background-color: @theme_bg_color; }
|
||||
scrollbar.fine-tune slider:active {
|
||||
background-color: shade (@theme_selected_bg_color, 1.3)}
|
||||
/*scrollbar.fine-tune.horizontal slider {
|
||||
border-width: 5px 4px; }
|
||||
scrollbar.fine-tune.vertical slider {
|
||||
border-width: 4px 5px; }
|
||||
border-width: 4px 5px; }*/
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
|
|
@ -3072,16 +3098,16 @@ scrollbar {
|
|||
padding: 0;
|
||||
min-width: 12px;
|
||||
min-height: 12px;
|
||||
border-style: none;
|
||||
/*border-style: none;
|
||||
border-radius: 0;
|
||||
transition-property: min-height, min-width, color;
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);*/
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
color: alpha (@theme_fg_color, 0.5); }
|
||||
color: @theme_fg_color; }
|
||||
scrollbar button:hover {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
|
|
@ -3105,7 +3131,7 @@ scrollbar {
|
|||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
color: rgba(144, 148, 155, 0.1996); }
|
||||
color: alpha(@theme_fg_color, 0.5); }
|
||||
/* scrollbar button:backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
|
|
@ -3114,14 +3140,14 @@ scrollbar {
|
|||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
color: alpha (@theme_fg_color, 0.35); }*/
|
||||
scrollbar button:backdrop:disabled {
|
||||
/*scrollbar button:backdrop:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
color: alpha (@theme_fg_color, 0.2); }
|
||||
color: alpha (@theme_fg_color, 0.2); }*/
|
||||
scrollbar.vertical button.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
scrollbar.vertical button.up {
|
||||
|
|
@ -3141,7 +3167,7 @@ treeview ~ scrollbar.vertical {
|
|||
switch {
|
||||
font-size: smaller;
|
||||
outline-offset: 2px;
|
||||
box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75);
|
||||
box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75), inset 0 1px 3px 0 alpha (black, 0.5);
|
||||
border-radius: 4px;
|
||||
color: transparent;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -3424,11 +3450,14 @@ treeview.view radio {
|
|||
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); }
|
||||
|
||||
/************
|
||||
* GtkScale *
|
||||
* GtkScale and some common progressbar parts*
|
||||
************/
|
||||
scale trough, scale fill, progressbar trough {
|
||||
border-radius: 5px;
|
||||
background-color: @borders; }
|
||||
progressbar trough, scale trough, levelbar trough {
|
||||
box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(white, 0.3);
|
||||
}
|
||||
/* scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
|
||||
background-color: @theme_bg_color; }*/
|
||||
/* scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
|
||||
|
|
@ -3447,17 +3476,39 @@ scale highlight, progressbar progress {
|
|||
border-radius: 5px;
|
||||
background-color: @theme_selected_bg_color;
|
||||
}
|
||||
|
||||
|
||||
scale highlight, progressbar progress, levelbar block.filled {
|
||||
box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2);
|
||||
}
|
||||
|
||||
scale.horizontal highlight, scale.horizontal progressbar progress, progressbar scale.horizontal progress {
|
||||
background: linear-gradient(90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
scale.horizontal highlight:dir(rtl), scale.horizontal progressbar progress:dir(rtl), progressbar scale.horizontal progress:dir(rtl) {
|
||||
background-image: linear-gradient(-90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
scale.vertical highlight, scale.vertical progressbar progress, progressbar scale.vertical progress {
|
||||
background-image: linear-gradient(@secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
scale.horizontal highlight,
|
||||
scale.horizontal progressbar progress,
|
||||
progressbar scale.horizontal progress
|
||||
progressbar.horizontal progress,
|
||||
progressbar.horizontal progress.left,
|
||||
levelbar.continuous.horizontal block.filled {
|
||||
background: linear-gradient(to left, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
scale.horizontal highlight:dir(rtl),
|
||||
scale.horizontal progressbar progress:dir(rtl),
|
||||
progressbar scale.horizontal progress:dir(rtl),
|
||||
progressbar.horizontal progress:dir(rtl),
|
||||
progressbar.horizontal progress.right {
|
||||
background-image: linear-gradient(to right, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
|
||||
scale.vertical highlight.top,
|
||||
scale.vertical progressbar progress.top,
|
||||
progressbar scale.vertical progress.top,
|
||||
progressbar.vertical progress.top,
|
||||
levelbar.continuous.vertical block.filled {
|
||||
background-image: linear-gradient(to top, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
|
||||
scale.vertical highlight.bottom,
|
||||
scale.vertical progressbar progress.bottom,
|
||||
progressbar scale.vertical progress.bottom,
|
||||
progressbar.vertical progress.bottom /*,
|
||||
levelbar.continuous.vertical block.filled*/ {
|
||||
background-image: linear-gradient(to bottom, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
|
||||
|
||||
/* scale.horizontal highlight:disabled, scale.horizontal progressbar progress:disabled, progressbar scale.horizontal progress:disabled, scale.vertical highlight:disabled,
|
||||
scale.vertical progressbar progress:disabled, progressbar
|
||||
scale.vertical progress:disabled, scale highlight:disabled, progressbar progress:disabled {
|
||||
|
|
@ -3479,8 +3530,16 @@ min-width: 5px;
|
|||
|
||||
.horizontal trough, .horizontal fill {
|
||||
min-height: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*progressbar.vertical trough, scale.vertical trough {
|
||||
background-image: linear-gradient(to right, alpha(black, 0), alpha(black, 0.6), alpha(black, 0));
|
||||
}
|
||||
|
||||
progressbar.horizontal trough, scale.horizontal trough, levelbar.horizontal trough{
|
||||
background-image: linear-gradient(to bottom, alpha(black, 0.3), alpha(black, 0.6), alpha(black, 0), alpha (white, 0.4));
|
||||
}*/
|
||||
|
||||
scale fill,
|
||||
scale highlight {
|
||||
margin: 0px; }
|
||||
|
|
@ -3497,7 +3556,7 @@ min-height: 5px;
|
|||
padding-right: 9px;
|
||||
min-width: 16px; }
|
||||
scale.fine-tune slider {
|
||||
margin: -6px; }
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
scale.fine-tune highlight,
|
||||
scale.fine-tune trough {
|
||||
|
|
@ -3519,18 +3578,24 @@ min-height: 5px;
|
|||
background-color: transparent; }
|
||||
scale slider {
|
||||
border-radius: 100%;
|
||||
background: shade (@theme_bg_color, 1.15);
|
||||
border-radius: 100%;
|
||||
background-color: shade (@theme_bg_color, 1.15);
|
||||
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.3);
|
||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition-property: background, border, box-shadow; }
|
||||
transition-property: background, border, box-shadow;
|
||||
/*border: 4px dashed yellow;*/
|
||||
}
|
||||
scale:not(.marks-after):not(.marks-before):not(:disabled) slider {
|
||||
background-image: radial-gradient(#FFAA00, #FFCC00 25%, white 35%);
|
||||
|
||||
}
|
||||
scale slider:hover {
|
||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px white; }
|
||||
scale slider:active {
|
||||
background: shade (@theme_bg_color, 1.25);
|
||||
background-color: shade (@theme_bg_color, 1.25);
|
||||
}
|
||||
scale slider:disabled {
|
||||
background: @theme_bg_color;
|
||||
background-color: shade (@theme_bg_color, 1.05);
|
||||
background-image: none;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
|
||||
/*scale slider:backdrop {
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
|
||||
|
|
@ -3865,7 +3930,7 @@ progressbar {
|
|||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
box-shadow: none; }
|
||||
box-shadow: none; }
|
||||
progressbar.osd progress {
|
||||
border-style: none;
|
||||
border-radius: 0; }
|
||||
|
|
@ -3876,14 +3941,14 @@ progressbar {
|
|||
* Level Bar *
|
||||
*************/
|
||||
levelbar.horizontal block {
|
||||
min-height: 1px; }
|
||||
min-height: 5px; }
|
||||
|
||||
levelbar.horizontal.discrete block {
|
||||
margin: 0 1px;
|
||||
min-width: 32px; }
|
||||
|
||||
levelbar.vertical block {
|
||||
min-width: 1px; }
|
||||
min-width: 5px; }
|
||||
|
||||
levelbar.vertical.discrete block {
|
||||
margin: 1px 0;
|
||||
|
|
@ -3894,12 +3959,12 @@ levelbar.vertical.discrete block {
|
|||
|
||||
levelbar trough {
|
||||
border: 1px solid;
|
||||
padding: 2px;
|
||||
padding: 0px;
|
||||
border-radius: 5px;
|
||||
color: @theme_fg_color;
|
||||
border-color: @borders;
|
||||
background-color: @theme_base_color;
|
||||
box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); }
|
||||
/*background-color: @theme_base_color;*/
|
||||
/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); */}
|
||||
/*levelbar trough:backdrop {
|
||||
color: @theme_unfocused_text_color;
|
||||
border-color: @unfocused_borders;
|
||||
|
|
@ -3908,20 +3973,24 @@ levelbar trough {
|
|||
|
||||
levelbar block {
|
||||
border: 1px solid;
|
||||
border-radius: 1px; }
|
||||
border-radius: 1px;
|
||||
border-style: none; }
|
||||
levelbar block.low {
|
||||
border-color: shade (@warning_color, 1.5);
|
||||
background-color: @warning_color; }
|
||||
background-color: @warning_color;
|
||||
background-image: none;}
|
||||
/*levelbar block.low:backdrop {
|
||||
border-color: @warning_color; }*/
|
||||
levelbar block.high, levelbar block:not(.empty) {
|
||||
border-color: shade (@theme_selected_bg_color, 1.2);
|
||||
background-color: @theme_selected_bg_color; }
|
||||
background-color: @theme_selected_bg_color;
|
||||
background-image: none; }
|
||||
/*levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
|
||||
border-color: @theme_selected_bg_color; }*/
|
||||
levelbar block.full {
|
||||
border-color: shade (@success_color, 1.5);
|
||||
background-color: @success_color; }
|
||||
background-color: @success_color;
|
||||
background-image: none;}
|
||||
/*levelbar block.full:backdrop {
|
||||
border-color: @success_color; }*/
|
||||
levelbar block.empty {
|
||||
|
|
@ -3965,8 +4034,8 @@ frame > border,
|
|||
actionbar > revealer > box {
|
||||
padding: 6px;
|
||||
border-top: 1px solid @borders; }
|
||||
actionbar > revealer > box:backdrop {
|
||||
border-color: @unfocused_borders; }
|
||||
/*actionbar > revealer > box:backdrop {
|
||||
border-color: @unfocused_borders; }*/
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
|
|
@ -3996,14 +4065,14 @@ scrolledwindow overshoot.bottom {
|
|||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.bottom:backdrop {
|
||||
/* scrolledwindow overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
box-shadow: none; }*/
|
||||
|
||||
scrolledwindow overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0)));
|
||||
|
|
@ -4013,14 +4082,14 @@ scrolledwindow overshoot.left {
|
|||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.left:backdrop {
|
||||
/*scrolledwindow overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
box-shadow: none; }*/
|
||||
|
||||
scrolledwindow overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0)));
|
||||
|
|
@ -4030,14 +4099,14 @@ scrolledwindow overshoot.right {
|
|||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.right:backdrop {
|
||||
/* scrolledwindow overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
box-shadow: none; }*/
|
||||
/*
|
||||
scrolledwindow undershoot.top {
|
||||
background-color: transparent;
|
||||
|
|
|
|||
Loading…
Reference in New Issue