Gnome Design Updates
This commit is contained in:
@@ -43,8 +43,8 @@
|
||||
@define-color dark_3 #2b3339;
|
||||
@define-color dark_4 #1e2326;
|
||||
@define-color dark_5 #343f44;
|
||||
@define-color accent_bg_color #83c092;
|
||||
@define-color accent_color #83c092;
|
||||
@define-color accent_bg_color #dbbc7f;
|
||||
@define-color accent_color #dbbc7f;
|
||||
@define-color accent_fg_color #2b3339;
|
||||
@define-color destructive_bg_color #e67e80;
|
||||
@define-color destructive_color #e67e80;
|
||||
@@ -304,8 +304,8 @@ XfdesktopIconView.view .rubberband,
|
||||
.content-view .rubberband,
|
||||
treeview.view rubberband,
|
||||
flowbox rubberband {
|
||||
border: 1px solid #83c092;
|
||||
background-color: alpha(#83c092,0.2);
|
||||
border: 1px solid #dbbc7f;
|
||||
background-color: alpha(#dbbc7f,0.2);
|
||||
}
|
||||
|
||||
flowbox flowboxchild {
|
||||
@@ -468,7 +468,7 @@ button {
|
||||
font-weight: bold;
|
||||
-gtk-outline-radius: 7px;
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
notebook > header > tabs > arrow,
|
||||
@@ -479,7 +479,7 @@ button {
|
||||
}
|
||||
notebook > header > tabs > arrow:focus,
|
||||
button:focus {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
@@ -534,7 +534,7 @@ button:checked {
|
||||
notebook > header > tabs > arrow:active:focus, notebook > header > tabs > arrow:checked:focus,
|
||||
button:active:focus,
|
||||
button:checked:focus {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
@@ -761,7 +761,7 @@ button.osd:backdrop {
|
||||
|
||||
button.suggested-action {
|
||||
color: white;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(white,@accent_bg_color,0.9);
|
||||
}
|
||||
button.suggested-action.flat {
|
||||
@@ -856,7 +856,7 @@ button.suggested-action:disabled:checked {
|
||||
}
|
||||
button.destructive-action {
|
||||
color: @destructive_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9);
|
||||
}
|
||||
button.destructive-action.flat {
|
||||
@@ -870,7 +870,7 @@ button.destructive-action.flat {
|
||||
}
|
||||
button.destructive-action:hover {
|
||||
color: @destructive_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@destructive_color,alpha(currentColor,0.2),0.9);
|
||||
}
|
||||
button.destructive-action:focus {
|
||||
@@ -879,13 +879,13 @@ button.destructive-action:focus {
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
color: @destructive_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@destructive_color,alpha(currentColor,0.35),0.9);
|
||||
}
|
||||
button.destructive-action:active:hover,
|
||||
button.destructive-action:checked:hover {
|
||||
color: @destructive_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@destructive_color,alpha(currentColor,0.4),0.9);
|
||||
}
|
||||
button.destructive-action.flat:disabled {
|
||||
@@ -1002,7 +1002,7 @@ button.circular label {
|
||||
}
|
||||
button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
border-color: transparent;
|
||||
}
|
||||
@@ -1017,7 +1017,7 @@ stacksidebar row.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > label,
|
||||
.stack-switcher > button.needs-attention > image {
|
||||
animation: needs_attention 150ms ease-in;
|
||||
background-image: radial-gradient(farthest-side, #83c092 96%, transparent);
|
||||
background-image: radial-gradient(farthest-side, #dbbc7f 96%, transparent);
|
||||
background-size: 6px 6px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 3px;
|
||||
@@ -1030,7 +1030,7 @@ stacksidebar row.needs-attention > label:dir(rtl),
|
||||
|
||||
.inline-toolbar toolbutton > button {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
.inline-toolbar toolbutton > button:hover {
|
||||
@@ -1177,7 +1177,7 @@ headerbar .linked button:not(button):focus:first-child:not(:only-child),
|
||||
.linked:not(.vertical) > entry:not(button):focus:first-child, .linked:not(.vertical) > spinbutton:not(button):focus:first-child:not(.vertical),
|
||||
.inline-toolbar button:not(button):focus:first-child,
|
||||
.linked > button:not(button):focus:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:not(button):focus {
|
||||
border-left-color: alpha(#83c092,0.5);
|
||||
border-left-color: alpha(#dbbc7f,0.5);
|
||||
}
|
||||
|
||||
combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .xfce4-panel.background button menu .linked button:last-child,
|
||||
@@ -1199,7 +1199,7 @@ headerbar .linked button:not(button):focus:last-child:not(:only-child),
|
||||
.linked:not(.vertical) > entry:not(button):focus:last-child, .linked:not(.vertical) > spinbutton:not(button):focus:last-child:not(.vertical),
|
||||
.inline-toolbar button:not(button):focus:last-child,
|
||||
.linked > button:not(button):focus:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:not(button):focus {
|
||||
border-right-color: alpha(#83c092,0.5);
|
||||
border-right-color: alpha(#dbbc7f,0.5);
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .xfce4-panel.background button menu .linked button:only-child,
|
||||
@@ -1288,7 +1288,7 @@ list.view.frame > row:not(:selected):hover button.suggested-action, popover.back
|
||||
headerbar .linked button.suggested-action:not(:only-child), headerbar > .stack-switcher.linked > button.suggested-action, .titlebar .linked.raised button.suggested-action,
|
||||
.titlebar .linked button.suggested-action:not(:only-child), .titlebar > .stack-switcher.linked > button.suggested-action, headerbar .linked entry ~ .suggested-action.image-button, .titlebar .linked entry ~ .suggested-action.image-button, headerbar button.suggested-action:not(.titlebutton), .titlebar button.suggested-action:not(.titlebutton), headerbar viewswitcher button.suggested-action.radio:checked, .titlebar viewswitcher button.suggested-action.radio:checked {
|
||||
color: @accent_fg_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@accent_fg_color,@accent_bg_color,0.9);
|
||||
}
|
||||
messagedialog.csd.background button.text-button.suggested-action:hover, .content list button.suggested-action:hover, .content list > row:not(:selected):hover button.suggested-action:hover,
|
||||
@@ -1379,7 +1379,7 @@ list.view.frame > row:not(:selected):hover button.destructive-action, popover.ba
|
||||
headerbar .linked button.destructive-action:not(:only-child), headerbar > .stack-switcher.linked > button.destructive-action, .titlebar .linked.raised button.destructive-action,
|
||||
.titlebar .linked button.destructive-action:not(:only-child), .titlebar > .stack-switcher.linked > button.destructive-action, headerbar .linked entry ~ .destructive-action.image-button, .titlebar .linked entry ~ .destructive-action.image-button, headerbar button.destructive-action:not(.titlebutton), .titlebar button.destructive-action:not(.titlebutton), headerbar viewswitcher button.destructive-action.radio:checked, .titlebar viewswitcher button.destructive-action.radio:checked {
|
||||
color: @destructive_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@destructive_color,alpha(currentColor,0.15),0.9);
|
||||
}
|
||||
messagedialog.csd.background button.text-button.destructive-action:hover, .content list button.destructive-action:hover, .content list > row:not(:selected):hover button.destructive-action:hover,
|
||||
@@ -1482,7 +1482,7 @@ entry {
|
||||
color: #d5c9a1;
|
||||
border-color: transparent;
|
||||
background-color: alpha(currentColor,0.1);
|
||||
box-shadow: inset 0 0 0 1px alpha(alpha(#83c092,0.5),0);
|
||||
box-shadow: inset 0 0 0 1px alpha(alpha(#dbbc7f,0.5),0);
|
||||
}
|
||||
spinbutton:not(.vertical) image.left,
|
||||
entry image.left {
|
||||
@@ -1506,8 +1506,8 @@ entry.flat {
|
||||
}
|
||||
spinbutton:focus:not(.vertical),
|
||||
entry:focus {
|
||||
box-shadow: inset 0 0 0 1px alpha(#83c092,0.5);
|
||||
border-color: alpha(#83c092,0.5);
|
||||
box-shadow: inset 0 0 0 1px alpha(#dbbc7f,0.5);
|
||||
border-color: alpha(#dbbc7f,0.5);
|
||||
transition: 300ms ease-in-out;
|
||||
transition-property: border, box-shadow;
|
||||
}
|
||||
@@ -1583,7 +1583,7 @@ entry:drop(active) {
|
||||
border-color: @accent_bg_color;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
background-clip: padding-box;
|
||||
box-shadow: inset 0 0 0 1px alpha(#83c092,0.5);
|
||||
box-shadow: inset 0 0 0 1px alpha(#dbbc7f,0.5);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black;
|
||||
}
|
||||
@@ -1624,7 +1624,7 @@ entry progress {
|
||||
.linked:not(.vertical) > entry:focus + combobox > box > button.combo,
|
||||
.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
|
||||
.linked:not(.vertical) > entry:focus + entry {
|
||||
border-left-color: alpha(#83c092,0.5);
|
||||
border-left-color: alpha(#dbbc7f,0.5);
|
||||
}
|
||||
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo,
|
||||
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry,
|
||||
@@ -1661,7 +1661,7 @@ entry progress {
|
||||
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child),
|
||||
.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
|
||||
.linked.vertical > entry + entry:focus:not(:only-child) {
|
||||
border-top-color: alpha(#83c092,0.5);
|
||||
border-top-color: alpha(#dbbc7f,0.5);
|
||||
}
|
||||
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
|
||||
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child),
|
||||
@@ -1683,7 +1683,7 @@ entry progress {
|
||||
.linked.vertical > entry:focus:not(:only-child) + entry,
|
||||
.linked.vertical > entry:focus:not(:only-child) + button,
|
||||
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
|
||||
border-top-color: alpha(#83c092,0.5);
|
||||
border-top-color: alpha(#dbbc7f,0.5);
|
||||
}
|
||||
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
|
||||
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry,
|
||||
@@ -1763,43 +1763,43 @@ button:link > label,
|
||||
button:visited > label, button:link,
|
||||
button:visited,
|
||||
*:link {
|
||||
color: #83c092;
|
||||
color: #dbbc7f;
|
||||
}
|
||||
button:link > label:visited,
|
||||
button:visited > label:visited,
|
||||
button:visited,
|
||||
*:link:visited {
|
||||
color: mix(#83c092,#d5c9a1,0.2);
|
||||
color: mix(#dbbc7f,#d5c9a1,0.2);
|
||||
}
|
||||
*:selected button:link > label:visited,
|
||||
*:selected button:visited > label:visited,
|
||||
*:selected button:visited,
|
||||
*:selected *:link:visited {
|
||||
color: mix(@accent_fg_color,mix(#83c092,#d5c9a1,0.2),0.4);
|
||||
color: mix(@accent_fg_color,mix(#dbbc7f,#d5c9a1,0.2),0.4);
|
||||
}
|
||||
button:link > label:hover,
|
||||
button:visited > label:hover,
|
||||
button:hover:visited,
|
||||
*:link:hover {
|
||||
color: mix(white,#83c092,0.9);
|
||||
color: mix(white,#dbbc7f,0.9);
|
||||
}
|
||||
*:selected button:link > label:hover,
|
||||
*:selected button:visited > label:hover,
|
||||
*:selected button:hover:visited,
|
||||
*:selected *:link:hover {
|
||||
color: mix(@accent_fg_color,mix(white,#83c092,0.9),0.1);
|
||||
color: mix(@accent_fg_color,mix(white,#dbbc7f,0.9),0.1);
|
||||
}
|
||||
button:link > label:active,
|
||||
button:visited > label:active,
|
||||
button:active:visited,
|
||||
*:link:active {
|
||||
color: #83c092;
|
||||
color: #dbbc7f;
|
||||
}
|
||||
*:selected button:link > label:active,
|
||||
*:selected button:visited > label:active,
|
||||
*:selected button:active:visited,
|
||||
*:selected *:link:active {
|
||||
color: mix(@accent_fg_color,#83c092,0.2);
|
||||
color: mix(@accent_fg_color,#dbbc7f,0.2);
|
||||
}
|
||||
button:link > label:backdrop,
|
||||
button:visited > label:backdrop,
|
||||
@@ -1807,7 +1807,7 @@ button:backdrop:visited,
|
||||
*:link:backdrop:backdrop:hover,
|
||||
*:link:backdrop:backdrop:hover:selected,
|
||||
*:link:backdrop {
|
||||
color: alpha(#83c092,0.9);
|
||||
color: alpha(#dbbc7f,0.9);
|
||||
}
|
||||
button:link > label:disabled,
|
||||
button:visited > label:disabled,
|
||||
@@ -1823,7 +1823,7 @@ button:selected:visited, *:selected button:link > label,
|
||||
*:selected button:visited,
|
||||
*:link:selected,
|
||||
*:selected *:link {
|
||||
color: mix(@accent_fg_color,#83c092,0.2);
|
||||
color: mix(@accent_fg_color,#dbbc7f,0.2);
|
||||
}
|
||||
|
||||
button:link,
|
||||
@@ -1845,7 +1845,7 @@ button:visited {
|
||||
}
|
||||
button:link:focus,
|
||||
button:visited:focus {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
@@ -2192,13 +2192,13 @@ headerbar.selection-mode:backdrop label {
|
||||
.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link,
|
||||
.selection-mode headerbar .subtitle:link,
|
||||
headerbar.selection-mode .subtitle:link {
|
||||
color: mix(@accent_fg_color,#83c092,0.2);
|
||||
color: mix(@accent_fg_color,#dbbc7f,0.2);
|
||||
}
|
||||
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button,
|
||||
.selection-mode headerbar button,
|
||||
headerbar.selection-mode button {
|
||||
color: @accent_fg_color;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(@accent_fg_color,@accent_bg_color,0.9);
|
||||
}
|
||||
.selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat,
|
||||
@@ -2339,7 +2339,7 @@ headerbar.selection-mode button:disabled:checked {
|
||||
.selection-mode headerbar button.suggested-action,
|
||||
headerbar.selection-mode button.suggested-action {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
border-color: mix(black,@accent_bg_color,0.7);
|
||||
}
|
||||
@@ -2620,12 +2620,12 @@ headerbar.selection-mode button:hover:backdrop, .titlebar.selection-mode button:
|
||||
headerbar entry, .titlebar entry {
|
||||
min-height: 32px;
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
headerbar entry:backdrop, .titlebar entry:backdrop {
|
||||
color: mix(#d5c9a1,#232a2e,0.5);
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(mix(#d5c9a1,#232a2e,0.5),#232a2e,0.9);
|
||||
}
|
||||
headerbar entry:disabled, .titlebar entry:disabled {
|
||||
@@ -2811,7 +2811,7 @@ headerbar button.text-button:not(.suggested-action):not(.destructive-action):not
|
||||
headerbar .linked button:not(:only-child), headerbar > .stack-switcher.linked > button, .titlebar .linked.raised button,
|
||||
.titlebar .linked button:not(:only-child), .titlebar > .stack-switcher.linked > button, headerbar .linked entry ~ .image-button, .titlebar .linked entry ~ .image-button {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
headerbar button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.text-button:backdrop:not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button:backdrop,
|
||||
@@ -2923,7 +2923,7 @@ headerbar button.default.text-button:not(:backdrop):not(.suggested-action):not(.
|
||||
headerbar .linked button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:only-child), headerbar > .stack-switcher.linked > button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), .titlebar .linked.raised button.default:not(:backdrop):not(.suggested-action):not(.destructive-action),
|
||||
.titlebar .linked button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(:only-child), .titlebar > .stack-switcher.linked > button.default:not(:backdrop):not(.suggested-action):not(.destructive-action), headerbar .linked entry ~ .default.image-button:not(:backdrop):not(.suggested-action):not(.destructive-action), .titlebar .linked entry ~ .default.image-button:not(:backdrop):not(.suggested-action):not(.destructive-action) {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
headerbar button.flat.text-button:not(:hover):not(:active):not(.suggested-action):not(.destructive-action):not(:disabled), .titlebar button.flat.text-button:not(:hover):not(:active):not(.suggested-action):not(.destructive-action):not(:disabled), headerbar .linked.raised button.flat:not(:hover):not(:active),
|
||||
@@ -2938,7 +2938,7 @@ headerbar .linked button.flat:not(:hover):not(:active):not(:only-child), headerb
|
||||
}
|
||||
headerbar button:hover:not(.titlebutton), .titlebar button:hover:not(.titlebutton), headerbar viewswitcher button.radio:hover:checked, .titlebar viewswitcher button.radio:hover:checked {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
headerbar button:hover:backdrop:not(.titlebutton), .titlebar button:hover:backdrop:not(.titlebutton), headerbar viewswitcher button.radio:hover:backdrop:checked, .titlebar viewswitcher button.radio:hover:backdrop:checked {
|
||||
@@ -2983,7 +2983,7 @@ headerbar button:active:backdrop:hover:hover:not(.titlebutton), .titlebar button
|
||||
}
|
||||
headerbar button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(.titlebutton), .titlebar button.default:not(:backdrop):not(.suggested-action):not(.destructive-action):not(.titlebutton), headerbar viewswitcher button.default.radio:not(:backdrop):not(.suggested-action):not(.destructive-action):checked, .titlebar viewswitcher button.default.radio:not(:backdrop):not(.suggested-action):not(.destructive-action):checked {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
headerbar button.flat:not(:hover):not(:active):not(.titlebutton), .titlebar button.flat:not(:hover):not(:active):not(.titlebutton), headerbar viewswitcher button.flat.radio:not(:hover):not(:active):checked, .titlebar viewswitcher button.flat.radio:not(:hover):not(:active):checked {
|
||||
@@ -3355,7 +3355,7 @@ popover.background list separator {
|
||||
|
||||
popover.background button {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
popover.background button.flat:not(:hover):not(:active) {
|
||||
@@ -3390,12 +3390,12 @@ popover.background button:disabled {
|
||||
}
|
||||
popover.background entry {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
popover.background entry:disabled {
|
||||
color: mix(#d5c9a1,#2b3339,0.5);
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(mix(#d5c9a1,#2b3339,0.5),#2b3339,0.9);
|
||||
}
|
||||
|
||||
@@ -3555,7 +3555,7 @@ notebook > header tab.reorderable-page {
|
||||
transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
notebook > header tab.reorderable-page:focus {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
@@ -3683,7 +3683,7 @@ scrollbar slider:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active {
|
||||
background-color: alpha(#83c092,0.6);
|
||||
background-color: alpha(#dbbc7f,0.6);
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
@@ -5143,7 +5143,7 @@ list {
|
||||
}
|
||||
list row {
|
||||
padding: 2px;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
outline-style: solid;
|
||||
outline-offset: -3px;
|
||||
outline-width: 2px;
|
||||
@@ -5192,7 +5192,7 @@ list.content > row:not(:selected):hover button,
|
||||
list.view.frame button,
|
||||
list.view.frame > row:not(:selected):hover button {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#3c4243,0.9);
|
||||
}
|
||||
.content list button.flat:not(:hover):not(:active), .content list > row:not(:selected):hover button.flat:not(:hover):not(:active),
|
||||
@@ -5257,7 +5257,7 @@ list.view.frame > row:not(:selected):hover button:disabled {
|
||||
list.content entry,
|
||||
list.view.frame entry {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#3c4243,0.9);
|
||||
}
|
||||
.content list entry:disabled,
|
||||
@@ -5373,17 +5373,17 @@ calendar:indeterminate {
|
||||
}
|
||||
|
||||
messagedialog.csd.background button {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
color: white;
|
||||
background-color: alpha(currentColor,0.1);
|
||||
}
|
||||
messagedialog.csd.background button:hover {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
color: white;
|
||||
background-color: alpha(currentColor,0.15);
|
||||
}
|
||||
messagedialog.csd.background button:checked, messagedialog.csd.background button:active {
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
color: white;
|
||||
background-color: alpha(currentColor,0.3);
|
||||
}
|
||||
@@ -5787,7 +5787,7 @@ infobar selection {
|
||||
background-color: shade(#2b3339,0.9);
|
||||
}
|
||||
infobar *:link {
|
||||
color: #83c092;
|
||||
color: #dbbc7f;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
@@ -5888,7 +5888,7 @@ colorswatch#add-color-button:only-child {
|
||||
}
|
||||
colorswatch#add-color-button overlay {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
@@ -6437,7 +6437,7 @@ list.content + .inline-toolbar {
|
||||
|
||||
button.list-button:not(:active):not(:checked):not(:hover) {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#3c4243,0.9);
|
||||
}
|
||||
|
||||
@@ -6909,7 +6909,7 @@ window.csd.unified list.content spinbutton {
|
||||
border: none;
|
||||
}
|
||||
window.csd.unified list.content spinbutton:focus {
|
||||
box-shadow: inset 0 0 0 2px alpha(#83c092,0.5);
|
||||
box-shadow: inset 0 0 0 2px alpha(#dbbc7f,0.5);
|
||||
}
|
||||
|
||||
window.csd.unified .titlebar {
|
||||
@@ -7312,7 +7312,7 @@ button.back-button.text-button {
|
||||
background-size: 21px;
|
||||
padding-left: 36px;
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#232a2e,0.9);
|
||||
}
|
||||
.titlebar button.back-button:hover,
|
||||
@@ -7506,7 +7506,7 @@ XfdesktopIconView.view .rubberband {
|
||||
}
|
||||
.xfce4-panel.background button menu .linked button {
|
||||
color: #d5c9a1;
|
||||
outline-color: alpha(#83c092,0.5);
|
||||
outline-color: alpha(#dbbc7f,0.5);
|
||||
background-color: mix(#d5c9a1,#2b3339,0.9);
|
||||
}
|
||||
.xfce4-panel.background button menu .linked button:disabled {
|
||||
|
||||
@@ -121,7 +121,7 @@ windowcontrols.end:not(.colored):not(.macos):not(.default) > button.close > imag
|
||||
}
|
||||
|
||||
|
||||
@define-color accent_bg_color @green_1;
|
||||
@define-color accent_bg_color @yellow_1;
|
||||
@define-color accent_fg_color @window_bg_color;
|
||||
window, decoration, decoration-overlay, headerbar, .titlebar {
|
||||
border-bottom-left-radius: 5px;
|
||||
|
||||
Reference in New Issue
Block a user