Change progressbar inside entries and add shadow to its text

This commit is contained in:
eudaimon 2020-10-27 23:08:46 +01:00
parent fb5ab48f3a
commit e3359a9a7e
6 changed files with 10 additions and 3832 deletions

View File

@ -1 +0,0 @@
@import url("gtk-main-dark.css");

View File

@ -1,3 +0,0 @@
/* The dark colormap is the same as the default one. */
@import url("gtk-main.css");

View File

@ -1,153 +0,0 @@
/* Default color scheme */
@define-color base_color #3d3d3e; /* used by some apps */
@define-color bg_color #3d3d3e;
@define-color text_color #ffffff;
@define-color fg_color #ffffff;
@define-color selected_bg_color #141414;
@define-color selected_fg_color #3399FF;
@define-color tooltip_bg_color #000000;
@define-color tooltip_fg_color #eeeeee;
@define-color theme_base_color @base_color;
@define-color theme_bg_color @bg_color;
@define-color theme_text_color @text_color;
@define-color theme_fg_color @fg_color;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color theme_selected_fg_color @selected_fg_color;
@define-color theme_tooltip_bg_color @tooltip_bg_color;
@define-color theme_tooltip_fg_color @tooltip_fg_color;
@define-color theme_main_color #000000;
@define-color view_color #303030;
@define-color button_gradient_color_a #5F5F5F; /*shade(@theme_bg_color, 1.75);*/
@define-color button_gradient_color_b #434343;
@define-color button_hover_gradient_color_a shade(@button_gradient_color_a, 0.8);
@define-color button_hover_gradient_color_b shade(@button_gradient_color_b, 1.2);
@define-color insensitive_bg_color alpha(#0b0b0d, 0.2);
@define-color insensitive_fg_color black; /*alpha(#ababab, 0.7);*/
@define-color insensitive_border_color alpha(#717171, 0.50);
@define-color frame_color #707070;
@define-color light_frame_color #808080;
@define-color inactive_frame_color shade(@theme_bg_color, 0.8);
@define-color notebook_active_tab_a #262626;
@define-color notebook_active_tab_b #0c0c0c;
@define-color switch_slider_color #737373;
@define-color switch_slider_border #666666;
@define-color entry_color #303030;
@define-color entry_shadow #999999;
@define-color internal_element_color #8a8a8a;
@define-color internal_element_prelight #a3a3a3;
@define-color internal_element_insensitive shade(@internal_element_color, 0.75);
@define-color progressbar_background_a shade(@theme_selected_fg_color, 1.3);
@define-color progressbar_background_b shade(@theme_selected_fg_color, 0.5);
@define-color progressbar_border #a1a1a1;
@define-color progressbar_pattern #000000;
@define-color less_dark_color #4d4d4d; /*shade(@scroll_slider_color, 1.3)*/
@define-color darker_color #383838;
@define-color menu_controls_color #ffffff;
@define-color focus_border alpha(@theme_fg_color, 0.30);
@define-color trough_bg_color_a #2F2F30;
@define-color trough_bg_color_b #414243;
@define-color active_switch_bg_color #A0A0A0;
@define-color borders #ababab;
@define-color theme_unfocused_base_color shade(@insensitive_bg_color, 1.015);
@define-color app_notification_a shade(@theme_bg_color, 1.35); /*#656568*/
@define-color app_notification_b shade(@theme_bg_color, 1.05); /*#39393A*/
@define-color app_notification_c @theme_bg_color; /*#333334*/
@define-color app_notification_border black;
@define-color content_view_bg @less_dark_color;
/*******
* OSD *
*******/
@define-color osd_highlight #ffffff;
@define-color osd_lowlight #525252;
@define-color osd_base #212526;
@define-color osd_fg #ededed;
@define-color osd_bg alpha(@osd_base, 0.80);
@define-color osd_text_shadow alpha(black, 0.75);
@define-color osd_toolbar_bg_a alpha(@osd_base, 0.80);
@define-color osd_toolbar_bg_b alpha(#101010, 0.80);
@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.80);
@define-color osd_button_bg_a alpha(@osd_highlight, 0.16);
@define-color osd_button_bg_b alpha(@osd_lowlight, 0.05);
@define-color osd_button_bg_c alpha(@osd_highlight, 0.12);
@define-color osd_button_bg_insensitive alpha(@osd_highlight, 0.25);
@define-color osd_button_bg_insensitive_active alpha(@osd_highlight, 0.16);
@define-color osd_button_bg_hover_a alpha(@osd_highlight, 0.28);
@define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14);
@define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14);
@define-color osd_button_bg_active_a alpha(@osd_lowlight, 0.18);
@define-color osd_button_bg_active_b alpha(@osd_highlight, 0.23);
@define-color osd_button_bg_active_c alpha(@osd_lowlight, 0.17);
@define-color osd_button_fg shade(@osd_fg, 0.80);
@define-color osd_button_fg_hover shade(@osd_fg, 0.96);
@define-color osd_button_fg_active shade(@osd_fg, 1.10);
@define-color osd_button_fg_insensitive shade(@osd_fg, 0.70);
@define-color osd_button_border alpha(@osd_highlight, 0.40);
@define-color osd_button_inset shade(@osd_fg, 0.67);
@define-color osd_button_shadow alpha(black, 0.35);
@define-color osd_trough_bg alpha(@osd_button_fg, 0.10);
/* FIXME: needs dark colors from here */
@define-color link_color #2EB8E6; /*#4a90d9*/
@define-color warning_color #f57900;
@define-color error_color #cc0000;
@define-color success_color #4e9a06;
@define-color info_fg_color rgb (255, 255, 255);
@define-color info_bg_color rgb (61, 116, 189);
@define-color warning_fg_color rgb (255, 255, 255);
@define-color warning_bg_color rgb (252, 128, 0);
@define-color question_fg_color rgb (255, 255, 255);
@define-color question_bg_color rgb (0, 152, 38);
@define-color error_fg_color rgb (255, 255, 255);
@define-color error_bg_color rgb (237, 0, 0);
@define-color os_chrome_bg_color black;
@define-color os_chrome_fg_color #ccc;
@define-color os_chrome_selected_bg_color #333;
@define-color os_chrome_selected_fg_color white;
@define-color chrome_bg_color #1e1a17;
@define-color chrome_fg_color #fff;
@define-color scale_progress_fill #2c85e2;
@define-color scale_progress_border #1864b2;
@define-color scale_progress_border_b #3e90e5;
@define-color overshoot_bg_color rgba(0,200,255,0.3);
@import url("gtk-widgets.css");
@import url("gtk-widgets-assets-dark.css");

View File

@ -1,601 +0,0 @@
/*************************
* Check and Radio items *
*************************/
/* First draw menu check and radio items */
menuitem radio,
menuitem radio:hover,
menuitem radio:disabled,
menuitem.check,
menuitem.check:hover,
menuitem.check:disabled {
background-color: transparent;
/*-gtk-icon-source: none;*/
border-style: none;
border-image: none;
}
menuitem.radio, /* Firefox */
menuitem radio {
-gtk-icon-source: url("assets/radio-menuitem-unchecked.svg");
}
menuitem.radio:hover,
menuitem radio:hover {
-gtk-icon-source: url("assets/radio-menuitem-unchecked-prelight.svg");
}
menuitem.radio:disabled,
menuitem radio:disabled {
-gtk-icon-source: url("assets/radio-unselected-insensitive-dark.svg");
}
menuitem.radio:active,
menuitem.radio:checked,
menuitem radio:active,
menuitem radio:checked {
-gtk-icon-source: url("assets/radio-menuitem-checked.svg");
}
menuitem.radio:active:hover,
menuitem.radio:checked:hover,
menuitem radio:active:hover,
menuitem radio:checked:hover {
-gtk-icon-source: url("assets/radio-menuitem-checked-prelight.svg");
}
menuitem.radio:active:disabled,
menuitem.radio:disabled:active,
menuitem.radio:checked:disabled,
menuitem.radio:disabled:checked.
menuitem radio:active:disabled,
menuitem radio:disabled:active,
menuitem radio:checked:disabled,
menuitem radio:disabled:checked {
-gtk-icon-source: url("assets/radio-menuitem-checked-insensitive.svg");
}
menuitem.radio:indeterminate,
menuitem radio:indeterminate {
-gtk-icon-source: url("assets/radio-menuitem-mixed.svg");
}
menuitem.radio:indeterminate:hover,
menuitem radio:indeterminate:hover {
-gtk-icon-source: url("assets/radio-menuitem-mixed-prelight.svg");
}
menuitem.radio:indeterminate:disabled,
menuitem radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-menuitem-mixed-insensitive.svg");
}
menuitem.check,
menuitem check {
-gtk-icon-source: url("assets/checkbox-menuitem-unchecked.svg");
}
menuitem.check:hover,
menuitem check:hover {
-gtk-icon-source: url("assets/checkbox-menuitem-unchecked-prelight.svg");
}
menuitem.check:active,
menuitem.check:checked,
menuitem check:active,
menuitem check:checked {
-gtk-icon-source: url("assets/checkbox-menuitem-checked.svg");
}
menuitem.check:active:hover,
menuitem.check:checked:hover,
menuitem check:active:hover,
menuitem check:checked:hover {
-gtk-icon-source: url("assets/checkbox-menuitem-checked-prelight.svg");
}
menuitem.check:active:disabled,
menuitem.check:disabled:active,
menuitem.check:checked:disabled,
menuitem.check:disabled:checked,
menuitem check:active:disabled,
menuitem check:disabled:active,
menuitem check:checked:disabled,
menuitem check:disabled:checked {
-gtk-icon-source: url("assets/checkbox-menuitem-checked-insensitive.svg");
}
menuitem.check:indeterminate,
menuitem check:indeterminate {
-gtk-icon-source: url("assets/checkbox-menuitem-mixed.svg");
}
menuitem.check:indeterminate:hover,
menuitem check:indeterminate:hover {
-gtk-icon-source: url("assets/checkbox-menuitem-mixed-prelight.svg");
}
menuitem.check:indeterminate:disabled,
menuitem check:indeterminate:disabled {
-gtk-icon-source: url("assets/checkbox-menuitem-mixed-insensitive.svg");
}
/* Now draw regular check and radio items */
check:indeterminate,
check:indeterminate:hover,
check row:selected:indeterminate,
check row:selected:focus:indeterminate,
check:indeterminate.button.flat,
check:indeterminate:hover.button.flat,
check row:selected:indeterminate.button.flat,
check row:selected:focus:indeterminate.button.flat {
-gtk-icon-source: url("assets/checkbox-mixed-dark.svg");
}
check:indeterminate:disabled,
check row:selected:indeterminate:disabled,
check row:selected:focus:indeterminate:disabled,
check:indeterminate:disabled.button.flat,
check row:selected:indeterminate:disabled.button.flat,
check row:selected:focus:indeterminate:disabled.button.flat {
-gtk-icon-source: url("assets/checkbox-mixed-insensitive-dark.svg");
}
check,
check:hover,
check row:selected,
check row:selected:focus,
check.button.flat,
check:hover.button.flat,
check row:selected.button.flat,
check row:selected:focus.button.flat {
-gtk-icon-source: url("assets/checkbox-unchecked-dark.svg");
}
check:disabled,
check row:selected:disabled,
check row:selected:focus:disabled,
check:disabled.button.flat,
check row:selected:disabled.button.flat,
check row:selected:focus:disabled.button.flat {
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive-dark.svg");
}
check:active,
check row:selected:active,
check row:selected:focus:active,
check:active.button.flat,
check row:selected:active.button.flat,
check row:selected:focus:active.button.flat,
check:checked,
check:checked:hover,
check row:selected:checked,
check row:selected:focus:checked,
check:checked.button.flat,
check:checked:hover.button.flat,
check row:selected:focus:checked.button.flat {
-gtk-icon-source: url("assets/checkbox-checked-dark.svg");
}
check:active:disabled,
check row:selected:active:disabled,
check row:selected:focus:active:disabled,
check:active:disabled.button.flat,
check row:selected:active:disabled.button.flat,
check row:selected:focus:active:disabled.button.flat,
check:checked:disabled,
check row:selected:checked:disabled,
check row:selected:focus:checked:disabled,
check:checked:disabled.button.flat,
check row:selected:checked:disabled.button.flat,
check row:selected:focus:checked:disabled.button.flat {
-gtk-icon-source: url("assets/checkbox-checked-insensitive-dark.svg");
}
radio:indeterminate,
radio:indeterminate:hover,
radio row:selected:indeterminate,
radio row:selected:focus:indeterminate,
radio:indeterminate.button.flat,
radio:indeterminate:hover.button.flat,
radio row:selected:indeterminate.button.flat,
radio row:selected:focus:indeterminate.button.flat {
-gtk-icon-source: url("assets/radio-mixed-dark.svg");
}
radio:indeterminate:disabled,
radio row:selected:indeterminate:disabled,
radio row:selected:focus:indeterminate:disabled,
radio:indeterminate:disabled.button.flat,
radio row:selected:indeterminate:disabled.button.flat,
radio row:selected:focus:indeterminate:disabled.button.flat {
-gtk-icon-source: url("assets/radio-mixed-insensitive-dark.svg");
}
radio,
radio:hover,
radio row:selected,
radio row:selected:focus,
radio.button.flat,
radio:hover.button.flat,
radio row:selected.button.flat,
radio row:selected:focus.button.flat {
-gtk-icon-source: url("assets/radio-unselected-dark.svg");
}
radio:disabled,
radio row:selected:disabled,
radio row:selected:focus:disabled {
-gtk-icon-source: url("assets/radio-unselected-insensitive-dark.svg");
}
radio:active,
radio row:selected:active,
radio row:selected:focus:active,
radio:active.button.flat,
radio row:selected:active.button.flat,
radio row:selected:focus:active.button.flat,
radio:checked,
radio:checked:hover,
radio row:selected:focus:checked,
radio:checked.button.flat,
radio:checked:hover.button.flat,
radio row:selected:focus:checked.button.flat {
-gtk-icon-source: url("assets/radio-selected-dark.svg");
}
radio:active:disabled,
radio row:selected:active:disabled,
radio row:selected:focus:active:disabled,
radio:active:disabled.button.flat,
radio row:selected:active:disabled.button.flat,
radio row:selected:focus:active:disabled.button.flat,
radio:checked:disabled,
radio row:selected:checked:disabled,
radio row:selected:focus:checked:disabled,
radio:checked:disabled.button.flat,
radio row:selected:checked:disabled.button.flat,
radio row:selected:focus:checked:disabled.button.flat {
-gtk-icon-source: url("assets/radio-selected-insensitive-dark.svg");
}
.sidebar .radio:active,
.sidebar .radio:active:focus,
.sidebar .radio:active:hover,
.sidebar .radio:checked,
.sidebar .radio:checked:focus,
.sidebar .radio:checked:hover {
-gtk-icon-source: url("assets/sidebar-radio-checked-dark.svg");
}
.sidebar .radio:hover {
-gtk-icon-source: url("assets/sidebar-radio-prelight.svg");
}
.sidebar .radio:active:selected,
.sidebar .radio:active:selected:focus,
.sidebar .radio:checked:selected,
.sidebar .radio:checked:selected:focus {
-gtk-icon-source: url("assets/sidebar-radio-selected-dark.svg");
}
.sidebar .radio:selected:hover,
.sidebar .radio:selected:focus {
-gtk-icon-source: url("assets/sidebar-radio-selected-prelight.svg");
}
/* Also draw toggle button check items (a redundant Gtk+ widget) */
.button.check,
.button.check:hover {
border-style: none;
border-image: none;
background-image: url("assets/checkbox-unchecked-dark.svg");
}
.button.check:disabled {
border-style: none;
border-image: none;
background-image: url("assets/checkbox-unchecked-insensitive-dark.svg");
}
.button.check:active,
.button.check:active:hover {
background-image: url("assets/checkbox-checked-dark.svg");
}
.button.check:active:disabled {
background-image: url("assets/checkbox-checked-insensitive-dark.svg");
}
.button.check:indeterminate,
.button.check:indeterminate:hover {
background-image: url("assets/checkbox-mixed-dark.svg");
}
.button.check:indeterminate:disabled {
background-image: url("assets/checkbox-mixed-insensitive-dark.svg");
}
/***********
* Entries *
***********/
spinbutton,
entry,
switch trough,
switch {
border-image: url("assets/entry-border-dark.svg") 1 / 1px stretch;
}
switch trough:active,
switch:checked {
border-image: url("assets/switch-trough-active.svg") 1 / 1px stretch;
}
frame > border, /* 3.22.24 */
/*frame,*/
.frame,
calendar.view {
border-image: url("assets/frame-border-dark.svg") 1 / 1px stretch;
}
/***********
* Sliders *
***********/
scale slider,
scale.horizontal slider {
background-image: url("assets/knob_horizontal.png");
}
scale slider:disabled,
scale.horizontal slider:disabled {
background-image: url("assets/scale-slider-horizontal-insensitive-dark.png");
}
scale.vertical slider {
background-image: url("assets/knob_vertical.png");
}
scale.vertical slider:disabled {
background-image: url("assets/scale-slider-vertical-insensitive-dark.png");
}
GtkScale.scale-has-marks-above.slider.horizontal {
background-image: url("assets/scale-slider-marks-above-horizontal-dark.svg");
}
GtkScale.scale-has-marks-above.slider.horizontal:disabled {
background-image: url("assets/scale-slider-marks-above-horizontal-insensitive-dark.svg");
}
GtkScale.scale-has-marks-above.slider.vertical {
background-image: url("assets/scale-slider-marks-above-vertical-dark.svg");
}
GtkScale.scale-has-marks-above.slider.vertical:disabled {
background-image: url("assets/scale-slider-marks-above-vertical-insensitive-dark.svg");
}
GtkScale.scale-has-marks-below.slider.horizontal {
background-image: url("assets/scale-slider-marks-below-horizontal-dark.svg");
}
GtkScale.scale-has-marks-below.slider.horizontal:disabled {
background-image: url("assets/scale-slider-marks-below-horizontal-insensitive-dark.svg");
}
GtkScale.scale-has-marks-below.slider.vertical {
background-image: url("assets/scale-slider-marks-below-vertical-dark.svg");
}
GtkScale.scale-has-marks-below.slider.vertical:disabled {
background-image: url("assets/scale-slider-marks-below-vertical-insensitive-dark.svg");
}
.cursor-handle.top {
background-image: url("assets/scale-slider-marks-above-horizontal-dark.svg");
}
.cursor-handle.bottom {
background-image: url("assets/scale-slider-marks-below-horizontal-dark.svg");
}
/***********
* Buttons *
***********/
button,
toolbar,
.inline-toolbar.toolbar,
toolbar button:hover,
.primary-toolbar button:hover,
.primary-toolbar toolbar button:hover,
.primary-toolbar.toolbar button:hover,
toolbar combobox button,
.primary-toolbar toolbar combobox button,
.primary-toolbar.toolbar combobox button,
switch slider,
.titlebar .titlebutton:hover {
border-image: url("assets/button-border-dark.svg") 3 / 3px stretch;
}
switch slider:active {
border-image: url("assets/switch-border-active.svg") 3 / 3px stretch;
}
button:active,
button:hover:active,
toolbar button:active,
.primary-toolbar button:active,
.primary-toolbar toolbar button:active,
.primary-toolbar.toolbar button:active,
toolbar button:hover:active,
.primary-toolbar button:hover:active,
.primary-toolbar toolbar button:hover:active,
.primary-toolbar.toolbar button:hover:active,
.titlebar .titlebutton:active,
button:checked,
button:hover:checked,
toolbar button:checked,
.primary-toolbar button:checked,
.primary-toolbar toolbar button:checked,
.primary-toolbar.toolbar button:checked,
.toolbar button:hover:checked,
.primary-toolbar button:hover:checked,
.primary-toolbar toolbar button:hover:checked,
.primary-toolbar.toolbar button:hover:checked,
.titlebar .titlebutton:checked {
border-image: url("assets/button-active-border-dark.svg") 3 / 3px stretch;
}
/*.toolbar .button:hover,
.primary-toolbar .button:hover,
.primary-toolbar .toolbar .button:hover,
.primary-toolbar.toolbar .button:hover {
border-image: url("assets/toolbar-button-hover.svg") 3 / 3px stretch;
}*/
button:disabled {
border-image: url("assets/button-border-insensitive.svg") 3 / 3px stretch;
}
button:active:disabled,
button:checked:disabled,
button:disabled:active,
button:disabled:checked,
headerbar button.titlebutton:active:disabled,
.titlebar button.titlebutton:active:disabled,
calendar.header button.titlebutton:active:disabled,
headerbar button.titlebutton:hover:checked:disabled,
.titlebar button.titlebutton:hover:checked:disabled,
calendar.header button.titlebutton:hover:checked:disabled,
headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active,
calendar.header button.titlebutton:disabled:active,
headerbar button.titlebutton:hover:disabled:checked,
.titlebar button.titlebutton:hover:disabled:checked,
calendar.header button.titlebutton:hover:disabled:checked {
border-image: url("assets/button-active-border-insensitive.svg") 3 / 3px stretch;
}
button.default,
notebook button.default {
border-image: url("assets/button-default-border-dark.svg") 3 / 3px stretch;
}
button.default:active,
notebook button.default:active,
button.default:checked,
notebook button.default:checked {
border-image: url("assets/button-default-active-border-dark.svg") 3 / 3px stretch;
}
column-header button,
treeview button,
calendar.header {
border-image: url("assets/column-header-border-dark.svg") 2 0 2 1 / 2px 0px 2px 1px stretch;
}
/*********************
* Notebook and Tabs *
*********************/
notebook > stack {
border-image: url("assets/notebook-border-dark.svg") 0 1 1 1 / 0px 1px 1px 1px stretch;
}
notebook > header tab {
border-image: url("assets/tab-border.svg") 2 / 2px stretch;
}
notebook > header tab:checked {
border-image: url("assets/tab-active-border.svg") 2 / 2px stretch;
}
notebook > header tab.left:checked {
border-image: url("assets/tab-active-border-left.svg") 2 / 2px stretch;
}
notebook > header tab.right:checked {
border-image: url("assets/tab-active-border-right.svg") 2 / 2px stretch;
}
notebook > header tab.bottom:checked {
border-image: url("assets/tab-active-border-bottom.svg") 2 / 2px stretch;
}
/**************
* Tree Views *
**************/
treeview.view:selected,
treeview.view:selected:focus {
border-image: url("assets/row-selected-dark.svg") 1 0 0 0 / 1px 0px 0px 0px stretch;
}
treeview.view.trough:selected,
treeview.view.trough:selected:focus {
border-image: none;
}
/*********
* Menus *
*********/
menu,
menubar menu,
menuitem menu {
border-image: url("assets/menu-border-dark.svg") 0 1 1 1 / 0px 1px 1px 1px stretch;
}
/***************
* Scroll Bars *
***************/
scrollbar slider {
border-image: url("assets/scrollbar-slider-border-dark.svg") 2 / 2px stretch;
}
scrollbar.vertical slider {
border-image: url("assets/scrollbar-slider-border-vertical.svg") 2 / 2px stretch;
}
scrolledwindow junction,
.scrollbars-junction {
border-image: none;
border-width: 0px;
}

File diff suppressed because it is too large Load Diff

View File

@ -512,6 +512,7 @@ spinbutton:not(.vertical),
entry {
padding: 2px 4px;
min-height: 20px;
text-shadow: 1px 1px 0px black;
}
spinbutton.vertical {
@ -535,7 +536,7 @@ entry:focus {
border-image: none;
border-style: solid;
border-color: @theme_selected_fg_color;
box-shadow: none;
/*box-shadow: none;*/
}
spinbutton:disabled,
@ -554,13 +555,19 @@ entry progress:focus {
border-image: none;
border-style: none;
background-color: transparent;
background-image: linear-gradient(to top,
background-image: /*linear-gradient(to top,
transparent 2px,
white 2px,
white 3px,
@theme_selected_bg_color 3px,
@theme_selected_bg_color 5px,
transparent 5px);
transparent 5px);*/
linear-gradient(to bottom,
@progressbar_background_a,
shade(@progressbar_background_b, 1.1) 25%,
@progressbar_background_b 43%,
shade(@progressbar_background_b, 1.08) 44%,
shade(@progressbar_background_a, 0.91));
background-size: auto;
box-shadow: none;
}