Important change to button style: no more borders, plus emoji gtk4 fix, and minor updates
This commit is contained in:
parent
4ee7f8eb71
commit
e322d25dc1
|
@ -681,9 +681,10 @@ button, button.flat:hover, button.flat:focus {
|
|||
inset 0px -1px 1px alpha(black, 0.85),
|
||||
0px 3px 3px -2px alpha(black, 0.6) ;*/
|
||||
box-shadow:
|
||||
inset 0px 2px 2px 0 alpha(@highlight_color, 0.7),
|
||||
inset 0px -2px 2px 0px alpha(black, 0.85),
|
||||
inset 0 0 0 1px black;
|
||||
inset 0px 2px 3px 0 alpha(@highlight_color, 0.4),
|
||||
inset 0px 1px 0px 0 alpha(@highlight_color, 0.8),
|
||||
inset 0px -2px 2px 0px alpha(black, 0.85);
|
||||
/*inset 0 0 0 1px black*/;
|
||||
background-color: @button_bg_color;
|
||||
}
|
||||
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, windowcontrols button,
|
||||
|
@ -738,10 +739,12 @@ notebook > header > tabs > arrow:hover,
|
|||
-gtk-icon-shadow: none;
|
||||
|
||||
box-shadow:
|
||||
inset 0 0 0 1px black,
|
||||
/*inset 0 0 0 1px black,*/
|
||||
|
||||
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
|
||||
inset 0px 2px 2px 1px alpha(black, 0.85),
|
||||
0px 1px 0px 0px alpha(@highlight_color, 1);
|
||||
inset 0px -1px 0px 0px alpha(@highlight_color, 1);
|
||||
|
||||
|
||||
/*transition-duration: 50ms; */}
|
||||
|
||||
|
@ -760,7 +763,13 @@ button:checked:focus, button.flat:checked:focus {
|
|||
background-image: none;
|
||||
background-color: alpha(@insensitive_bg_color_breeze, 0.5);
|
||||
/*box-shadow: 0px 1px 2px @borders;*/
|
||||
box-shadow: inset 0 0 0 1px @theme_disabled_fg_color ;
|
||||
/*box-shadow: inset 0 0 0 1px @theme_disabled_fg_color ;*/
|
||||
box-shadow:
|
||||
inset 0px -1px 0px 0px alpha(black, 0.3),
|
||||
inset -1px 0px 0px 0px alpha(black, 0.3),
|
||||
inset 1px -1px 0px 0px alpha(black, 0.3),
|
||||
inset 0px 1px 0px 0 alpha(@highlight_color, 0.5);
|
||||
|
||||
border-color: @theme_disabled_fg_color; }
|
||||
|
||||
|
||||
|
@ -777,10 +786,10 @@ button:checked:focus, button.flat:checked:focus {
|
|||
background-image: none;
|
||||
/*background-image: image(@insensitive_bg_color_breeze);*/
|
||||
background-color: alpha(@insensitive_bg_color_breeze, 0.5);
|
||||
box-shadow: inset 0 0 0 1px @insensitive_fg_color_breeze,
|
||||
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
|
||||
inset 0px 2px 2px 1px alpha(black, 0.85),
|
||||
0px 1px 0px 0px alpha(@highlight_color, 1);
|
||||
box-shadow: /*inset 0 0 0 1px @insensitive_fg_color_breeze,*/
|
||||
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
|
||||
inset 0px 2px 2px 1px alpha(black, 0.85),
|
||||
inset 0px -1px 0px 0px alpha(@highlight_color, 1);
|
||||
/*border-bottom-color: alpha(@highlight_color, 0.5);*/
|
||||
-gtk-icon-shadow: none; }
|
||||
notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
|
||||
|
@ -2036,32 +2045,37 @@ combobox:drop(active) {
|
|||
/************
|
||||
* Toolbars *
|
||||
************/
|
||||
toolbar, .inline-toolbar, searchbar,
|
||||
toolbar, .toolbar, .inline-toolbar, searchbar,
|
||||
.location-bar {
|
||||
/*-GtkWidget-window-dragging: true;*/
|
||||
padding: 4px;
|
||||
background-color: @theme_bg_color_breeze; }
|
||||
|
||||
toolbar {
|
||||
toolbar, .toolbar {
|
||||
padding: 4px 3px 3px 4px; }
|
||||
.osd toolbar {
|
||||
background-color: transparent; }
|
||||
toolbar.osd {
|
||||
toolbar.osd, .toolbar osd {
|
||||
padding: 13px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(28, 31, 32, 0.7); }
|
||||
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
|
||||
border-radius: 0; }
|
||||
toolbar.horizontal separator {
|
||||
toolbar.horizontal separator, .toolbar.horizontal separator {
|
||||
margin: 0 7px 1px 6px; }
|
||||
toolbar.vertical separator {
|
||||
toolbar.vertical separator, .toolbar.vertical separator {
|
||||
margin: 6px 1px 7px 0; }
|
||||
toolbar:not(.inline-toolbar):not(.osd) switch,
|
||||
toolbar:not(.inline-toolbar):not(.osd) scale,
|
||||
toolbar:not(.inline-toolbar):not(.osd) entry,
|
||||
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
|
||||
toolbar:not(.inline-toolbar):not(.osd) button {
|
||||
toolbar:not(.inline-toolbar):not(.osd) button,
|
||||
.toolbar:not(.inline-toolbar):not(.osd) switch,
|
||||
.toolbar:not(.inline-toolbar):not(.osd) scale,
|
||||
.toolbar:not(.inline-toolbar):not(.osd) entry,
|
||||
.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
|
||||
.toolbar:not(.inline-toolbar):not(.osd) button {
|
||||
margin-right: 1px;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
|
@ -2229,11 +2243,11 @@ treeview.view {
|
|||
/*background-color: @theme_button_background_normal_breeze;*/ /*@theme_base_color_breeze;*/
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
box-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;
|
||||
/*box-shadow: none;*/
|
||||
transition: none; }
|
||||
columnview.view header button:active,
|
||||
treeview.view header button:active {
|
||||
|
@ -2274,10 +2288,10 @@ treeview.view header button /* , treeview.view header button:hover, treeview.vie
|
|||
border-color: @theme_bg_color_breeze;
|
||||
border-radius: 0;
|
||||
text-shadow: none;
|
||||
box-shadow: inset -1px 0 0 0 @borders; }
|
||||
/* treeview.view header button:disabled {
|
||||
/*box-shadow: inset -1px 0 0 0 @borders;*/ }
|
||||
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;
|
||||
|
@ -4029,24 +4043,28 @@ list {
|
|||
color: @theme_text_color_breeze;
|
||||
background-color: @theme_base_color_breeze;
|
||||
border-color: @borders; }
|
||||
list:backdrop {
|
||||
/*list:backdrop {
|
||||
background-color: @theme_unfocused_base_color_breeze;
|
||||
border-color: @unfocused_borders; }
|
||||
border-color: @unfocused_borders; }*/
|
||||
list row {
|
||||
padding: 2px; }
|
||||
padding: 2px;
|
||||
}
|
||||
list row:nth-child(odd) {
|
||||
background-color: mix(@theme_base_color_breeze, @theme_bg_color_breeze, 0.2);
|
||||
}
|
||||
|
||||
row {
|
||||
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
row:hover {
|
||||
transition: none; }
|
||||
row:backdrop {
|
||||
transition: 80ms ease-out; }
|
||||
/*row:backdrop {
|
||||
transition: 80ms ease-out; }*/
|
||||
row.activatable.has-open-popup, row.activatable:hover {
|
||||
background-color: alpha(black, 0.025); }
|
||||
row.activatable:active {
|
||||
box-shadow: inset 0 2px 2px -2px alpha(black, 0.2); }
|
||||
row.activatable:backdrop:hover {
|
||||
background-color: transparent; }
|
||||
/*row.activatable:backdrop:hover {
|
||||
background-color: transparent; }*/
|
||||
row.activatable:selected:active {
|
||||
box-shadow: inset 0 2px 3px -1px alpha(black, 0.5); }
|
||||
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
|
||||
|
@ -4669,9 +4687,11 @@ stackswitcher button.text-button.circular {
|
|||
********/
|
||||
popover.emoji-picker {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
padding-right: 0;
|
||||
box-shadow: 0 2px 3px -2px alpha(black,0.7);
|
||||
}
|
||||
|
||||
button.emoji-section {
|
||||
/*button.emoji-section {
|
||||
border-color: transparent;
|
||||
border-width: 3px;
|
||||
border-style: none none solid;
|
||||
|
@ -4679,9 +4699,9 @@ button.emoji-section {
|
|||
margin: 2px 4px 2px 4px;
|
||||
padding: 3px 0 0;
|
||||
min-width: 32px;
|
||||
min-height: 28px;
|
||||
min-height: 28px;*/
|
||||
/* reset props inherited from the button style */
|
||||
background: none;
|
||||
/*background: none;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
outline-offset: -5px; }
|
||||
|
@ -4697,13 +4717,13 @@ button.emoji-section {
|
|||
button.emoji-section:hover label {
|
||||
opacity: 0.775; }
|
||||
button.emoji-section:checked label {
|
||||
opacity: 1; }
|
||||
opacity: 1; }*/
|
||||
|
||||
.emoji {
|
||||
emoji, .emoji {
|
||||
font-size: x-large;
|
||||
padding: 6px;
|
||||
border-radius: 5px; }
|
||||
.emoji :hover {
|
||||
.emoji :hover, emoji :hover {
|
||||
background: @theme_selected_bg_color_breeze; }
|
||||
|
||||
/* Nautilus */
|
||||
|
|
Loading…
Reference in New Issue