Improved spinbuttons, including gtk4. Improved tabs

This commit is contained in:
Eudaimon 2021-11-23 11:17:13 +01:00
parent 89ba3d2a44
commit 7be3c04904
2 changed files with 77 additions and 27 deletions

View File

@ -100,6 +100,7 @@ spinbutton.vertical text {
padding-right: 8px;
}
/***********
* Buttons *
***********/

View File

@ -267,7 +267,7 @@ assistant .sidebar label.highlight {
color: @theme_fg_color_breeze;
border: none;
background-color: alpha(@theme_bg_color_breeze, 0.7);
background-clip: padding-box;
/*background-clip: padding-box;*/
/*text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;*/ }
/*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop,
@ -275,14 +275,14 @@ assistant .sidebar label.highlight {
text-shadow: none;
-gtk-icon-shadow: none; }*/
widget {
/*widget {
background-color: @theme_base_color_breeze;
color: @theme_text_color_breeze;
}
headerbar widget {
background-color: transparent;
color: inherit;
}
}*/
/*********************
* Spinner Animation *
@ -467,6 +467,18 @@ entry progress {
entry progress:backdrop {
background-color: transparent; }*/
spinbutton button, spinbutton button.image-button {
padding: 0px;
min-width: 1em;
min-height: 1em;
}
spinbutton:not(.vertical) button,
spinbutton:not(.vertical) button.image-button {
margin: 2px 0;
}
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
@ -2061,7 +2073,7 @@ searchbar,
/**************
* Tree Views *
**************/
columnview.view,
treeview.view {
border-left-color: @borders;
border-top-color: @theme_bg_color_breeze;
@ -2075,19 +2087,23 @@ treeview.view {
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; }*/
columnview.view:selected:focus, columnview.view:selected,
treeview.view:selected:focus, treeview.view:selected {
border-radius: 0; }
columnview.view:selected:backdrop, columnview.view:selected,
treeview.view:selected:backdrop, treeview.view:selected {
border-left-color: shade(@theme_selected_bg_color_breeze, 1.4);
border-top-color: alpha(@theme_fg_color_breeze, 0.25); }
treeview.view:disabled {
columnview.view:disabled, treeview.view:disabled {
color: @theme_disabled_fg_color; }
columnview.view:disabled:selected,
treeview.view:disabled:selected {
color: alpha(@theme_selected_fg_color_breeze, 0.25); }
/*treeview.view:disabled:selected:backdrop {
color: alpha(@theme_selected_fg_color_breeze, 0.5); }*/
treeview.view:disabled:backdrop {
color: @unfocused_insensitive_color; }
/*treeview.view:disabled:backdrop {
color: @unfocused_insensitive_color; }*/
columnview.view.separator
treeview.view.separator {
min-height: 2px;
color: @theme_bg_color_breeze; }
@ -2096,32 +2112,44 @@ treeview.view {
/*treeview.view:backdrop {
border-left-color: shade(@theme_bg_color_breeze, 1.1);
border-top: @theme_bg_color_breeze; }*/
columnview.view:drop(active),
treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
columnview.view:drop(active).after,
treeview.view:drop(active).after {
border-top-style: none; }
columnview.view:drop(active).before,
treeview.view:drop(active).before {
border-bottom-style: none; }
columnview.view.expander,
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: shade(@theme_fg_color_breeze, 1.3); }
color: shade(@theme_fg_color_breeze, 1.3);
min-width: 1em;
min-height: 1em; }
columnview.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover {
treeview.view.expander:hover,
columnview.view.expander:hover {
color: @theme_fg_color_breeze; }
columnview.view.expander:selected,
treeview.view.expander:selected {
color: shade(@theme_selected_bg_color_breeze, 1.3); }
columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover {
color: shade(@theme_selected_bg_color_breeze, 1.5); }
treeview.view.expander:selected:backdrop {
color: shade(@theme_selected_bg_color_breeze, 1.3); }
/* treeview.view.expander:selected:backdrop {
color: shade(@theme_selected_bg_color_breeze, 1.3); }*/
columnview.view.expander:checked,
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:backdrop {
color: shade(@theme_fg_color_breeze, 1.3); }
treeview.view.progressbar {
/*treeview.view.expander:backdrop {
color: shade(@theme_fg_color_breeze, 1.3); }*/
/*treeview.view.progressbar {
color: @theme_base_color_breeze;
border: 1px solid shade(@theme_selected_bg_color_breeze, 1.5);
border-radius: 4px;
@ -2132,7 +2160,7 @@ treeview.view {
border-radius: 4px;
color: @theme_selected_fg_color_breeze;
box-shadow: none;
background-image: linear-gradient(to bottom, @theme_base_color_breeze, @theme_bg_color_breeze); }
background-image: linear-gradient(to bottom, @theme_base_color_breeze, @theme_bg_color_breeze); }*/
/*treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
color: @theme_selected_bg_color_breeze;
border-color: shade(@theme_selected_bg_color_breeze, 1.5);
@ -2141,7 +2169,7 @@ treeview.view {
color: @theme_unfocused_base_color_breeze;
background-image: none;
box-shadow: none; }*/
treeview.view.trough {
/*treeview.view.trough {
background-color: rgba(82, 87, 98, 0.1);
border-radius: 4px; }
treeview.view.trough:selected:focus, treeview.view.trough:selected {
@ -2149,21 +2177,31 @@ treeview.view {
border-radius: 4px;
border-width: 1px 0;
border-style: solid;
border-color: @theme_selected_bg_color_breeze; }
border-color: @theme_selected_bg_color_breeze; }*/
columnview.view header button,
treeview.view header button {
/*color: @theme_fg_color_breeze; */ /*shade(@theme_fg_color_breeze, 1.5);*/
/*background-color: @theme_button_background_normal_breeze;*/ /*@theme_base_color_breeze;*/
font-weight: bold;
text-shadow: none;
box-shadow: none; }
columnview.view header button:hover,
treeview.view header button:hover {
/*color: shade(@theme_fg_color_breeze, 1.1);*/
box-shadow: none;
transition: none; }
columnview.view header button:active,
treeview.view header button:active {
/*color: @shade(@theme_fg_color_breeze, 1.2);
background-color: shade(@theme_button_background_normal_breeze, 1.2);*/
transition: none; }
columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
columnview.view header.button.dnd:active,
columnview.view header.button.dnd:selected,
columnview.view header.button.dnd:hover,
columnview.view header.button.dnd
treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected,
@ -2178,9 +2216,11 @@ treeview.view {
box-shadow: inset 0 0 0 1px @theme_base_color_breeze;
text-shadow: none;
transition: none; }
columnview.view acceleditor > label,
treeview.view acceleditor > label {
background-color: @theme_selected_bg_color_breeze; }
columnview.view header button,
treeview.view header button /* , treeview.view header button:hover, treeview.view header button:active */
{
padding: 0 6px;
@ -2190,9 +2230,9 @@ treeview.view header button /* , treeview.view header button:hover, treeview.vie
border-radius: 0;
text-shadow: none;
box-shadow: inset -1px 0 0 0 @borders; }
treeview.view header button:disabled {
/* treeview.view header button:disabled {
border-color: @theme_bg_color_breeze;
background-color: @insensitive_bg_color_breeze; }
background-color: @insensitive_bg_color_breeze; }*/
/*treeview.view header button:backdrop {
color: shade(@theme_fg_color_breeze, 1.1);
border-color: @theme_bg_color_breeze;
@ -2202,7 +2242,8 @@ treeview.view header button /* , treeview.view header button:hover, treeview.vie
treeview.view header button:backdrop:disabled {
border-color: @theme_bg_color_breeze;
background-image: none; }*/
treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
columnview.view header button:last-child,
treeview.view header button:last-child {
border-right-style: none; }
/*********
@ -2221,8 +2262,8 @@ menubar,
min-height: 16px;
padding: 4px 8px; }
menubar > menuitem:hover,
.menubar > menuitem:hover, , menubar > item:hover {
box-shadow: inset 0 -3px @theme_selected_bg_color_breeze;
.menubar > menuitem:hover, menubar > item:hover {
/*box-shadow: inset 0 -3px @theme_selected_bg_color_breeze;*/
background-color: @theme_selected_bg_color_breeze;
color: @theme_selected_fg_color_breeze;
/*text-shadow: 0px 1px alpha(black, 0.6); */}
@ -2385,6 +2426,11 @@ popover.background {
*************/
/* defined as a trough in GtkScale */
notebook {
background-color: @borders;
}
notebook > header {
padding: 0px;
border-color: @borders;
@ -2552,20 +2598,20 @@ box-shadow: -1px 3px 2px -2px black,
}
notebook > header tab:hover.reorderable-page {
/*notebook > header tab:hover.reorderable-page {
border-color: alpha(@borders, 0.3);
background-color: alpha(@theme_bg_color_breeze, 0.2); }
background-color: alpha(@theme_bg_color_breeze, 0.2); }*/
/*notebook > header tab:backdrop {
color: @theme_unfocused_bg_color_breeze; }
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }*/
notebook > header tab:checked.reorderable-page {
/*notebook > header tab:checked.reorderable-page {
border-color: alpha(@borders, 0.5);
background-color: alpha(@theme_bg_color_breeze, 0.5); }
background-color: alpha(@theme_bg_color_breeze, 0.5); }*/
notebook > header tab:checked.reorderable-page:hover {
background-color: alpha(@theme_bg_color_breeze, 0.7); }
background-color: shade(@theme_base_color_breeze, 1.1); }
/*notebook > header tab:backdrop:checked {
color: @wm_unfocused_title; }*/
/*notebook > header tab:backdrop:checked.reorderable-page {
@ -4029,6 +4075,9 @@ calendar {
border-color: @unfocused_borders; }*/
calendar:indeterminate {
color: alpha(currentColor,0.5); }
calendar button {
padding: 1px;
}
/***********
* Dialogs *