First commit
This commit is contained in:
commit
dbd8192b51
|
|
@ -0,0 +1,78 @@
|
|||
@define-color accent_color #76ff3b;
|
||||
@define-color accent_bg_color #37a508;
|
||||
@define-color accent_fg_color #fff9a1;
|
||||
@define-color destructive_color #f66151;
|
||||
@define-color destructive_bg_color #a51d2d;
|
||||
@define-color destructive_fg_color #ffffff;
|
||||
@define-color success_color #8ff0a4;
|
||||
@define-color success_bg_color #26a269;
|
||||
@define-color success_fg_color #c1ffce;
|
||||
@define-color warning_color #ffa348;
|
||||
@define-color warning_bg_color #c64600;
|
||||
@define-color warning_fg_color #ffffff;
|
||||
@define-color error_color #f66151;
|
||||
@define-color error_bg_color #e01b24;
|
||||
@define-color error_fg_color #f9f06b;
|
||||
@define-color window_bg_color #4a4a4a;
|
||||
@define-color window_fg_color #deddda;
|
||||
@define-color view_bg_color #3c3c3c;
|
||||
@define-color view_fg_color #f6f5f4;
|
||||
@define-color headerbar_bg_color #495669;
|
||||
@define-color headerbar_fg_color #fffbb2;
|
||||
@define-color headerbar_border_color rgba(255,251,178,0.513333);
|
||||
@define-color headerbar_backdrop_color #3c4550;
|
||||
@define-color headerbar_shade_color transparent;
|
||||
@define-color card_bg_color rgba(249,255,195,0.08);
|
||||
@define-color card_fg_color #D3C6AA;
|
||||
@define-color card_shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color dialog_bg_color #434d3d;
|
||||
@define-color dialog_fg_color #fff1bf;
|
||||
@define-color popover_bg_color #3D484D;
|
||||
@define-color popover_fg_color #bffeff;
|
||||
@define-color shade_color rgba(0, 0, 0, 0.36);
|
||||
@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
|
||||
@define-color blue_1 #99c1f1;
|
||||
@define-color blue_2 #62a0ea;
|
||||
@define-color blue_3 #3584e4;
|
||||
@define-color blue_4 #1c71d8;
|
||||
@define-color blue_5 #1a5fb4;
|
||||
@define-color green_1 #8ff0a4;
|
||||
@define-color green_2 #57e389;
|
||||
@define-color green_3 #33d17a;
|
||||
@define-color green_4 #2ec27e;
|
||||
@define-color green_5 #26a269;
|
||||
@define-color yellow_1 #f9f06b;
|
||||
@define-color yellow_2 #f8e45c;
|
||||
@define-color yellow_3 #f6d32d;
|
||||
@define-color yellow_4 #f5c211;
|
||||
@define-color yellow_5 #e5a50a;
|
||||
@define-color orange_1 #ffbe6f;
|
||||
@define-color orange_2 #ffa348;
|
||||
@define-color orange_3 #ff7800;
|
||||
@define-color orange_4 #e66100;
|
||||
@define-color orange_5 #c64600;
|
||||
@define-color red_1 #f66151;
|
||||
@define-color red_2 #ed333b;
|
||||
@define-color red_3 #e01b24;
|
||||
@define-color red_4 #c01c28;
|
||||
@define-color red_5 #a51d2d;
|
||||
@define-color purple_1 #dc8add;
|
||||
@define-color purple_2 #c061cb;
|
||||
@define-color purple_3 #9141ac;
|
||||
@define-color purple_4 #813d9c;
|
||||
@define-color purple_5 #613583;
|
||||
@define-color brown_1 #cdab8f;
|
||||
@define-color brown_2 #b5835a;
|
||||
@define-color brown_3 #986a44;
|
||||
@define-color brown_4 #865e3c;
|
||||
@define-color brown_5 #63452c;
|
||||
@define-color light_1 #ffffff;
|
||||
@define-color light_2 #f6f5f4;
|
||||
@define-color light_3 #deddda;
|
||||
@define-color light_4 #c0bfbc;
|
||||
@define-color light_5 #9a9996;
|
||||
@define-color dark_1 #77767b;
|
||||
@define-color dark_2 #5e5c64;
|
||||
@define-color dark_3 #3d3846;
|
||||
@define-color dark_4 #241f31;
|
||||
@define-color dark_5 #000000;
|
||||
|
|
@ -0,0 +1 @@
|
|||
../color_schemes/dark-forest-evolved.css
|
||||
|
|
@ -0,0 +1,621 @@
|
|||
/* hopefully to disable libadwaita's styles: */
|
||||
|
||||
* {
|
||||
border-style: none;
|
||||
outline-style: none;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* Based on adw-gtk version 4.7 and 4.9 */
|
||||
|
||||
@define-color disabled_fg_color mix(@window_fg_color, @window_bg_color, 0.5);
|
||||
|
||||
|
||||
.background { color: @window_fg_color; background-color: @window_bg_color; }
|
||||
|
||||
dnd { color: @window_fg_color; }
|
||||
|
||||
|
||||
*:disabled, :dir(rtl):disabled, :dir(ltr):disabled, /* specificity bump hopefully */
|
||||
button:disabled, .button:disabled, .view:disabled, tab:disabled, check:disabled, radio:disabled, entry:disabled, row:disabled, menuitem:disabled, label:disabled
|
||||
{
|
||||
color: @disabled_fg_color;
|
||||
}
|
||||
|
||||
/* selections */
|
||||
|
||||
selection,
|
||||
.view:selected:focus, .view:selected, iconview:selected, .nautilus-window notebook:selected, .nautilus-window notebook > stack:selected:not(:only-child), .nautilus-window notebook > stack:not(:only-child) searchbar:selected, .view text:selected, iconview text:selected, textview text:selected, row:selected, row.has-open-popup
|
||||
|
||||
{ background-color: alpha(@accent_bg_color,0.7); color: @accent_fg_color; }
|
||||
|
||||
selection:focus-within { background-color: alpha(@accent_bg_color,1); }
|
||||
|
||||
|
||||
/* view, treeview, columnview, iconview, listview, row, row.activatable, row > box.header */
|
||||
|
||||
.view, list {
|
||||
background-color: @view_bg_color;
|
||||
color: @view_fg_color;
|
||||
}
|
||||
|
||||
list > row {
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
list > row.activatable:hover {
|
||||
background-color: alpha(currentColor, 0.1);
|
||||
}
|
||||
|
||||
list > row.activatable:hover:selected {
|
||||
background-color: mix(@accent_bg_color, @accent_fg_color, 0.1);
|
||||
}
|
||||
|
||||
|
||||
list > row.activatable:active {
|
||||
background-color: alpha(@accent_bg_color, 0.1);
|
||||
}
|
||||
|
||||
list > row.activatable:active:hover {
|
||||
background-color: alpha(@accent_bg_color, 0.2);
|
||||
}
|
||||
|
||||
header button {
|
||||
padding: 0.1em 0.3em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* row at different places, need to reshape? */
|
||||
|
||||
/* placesview, filechooser */
|
||||
|
||||
/* popover, &.menu , &.emoji-picker, &.emoji-completion-row, emoji-completion */
|
||||
|
||||
/* button, splitbutton, buttoncontent... and what about flat buttons?! , arrow */
|
||||
button, arrow, tab, .button {
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0.3em 0.7em;
|
||||
border: 1px solid;
|
||||
border-color: alpha(currentColor,0.2);
|
||||
border-radius: 6px;
|
||||
color: @window_fg_color;
|
||||
background-color: alpha(currentColor,0.1);
|
||||
outline-color: mix(currentColor,mix(currentColor,@window_bg_color,0.9),0.7);
|
||||
|
||||
}
|
||||
|
||||
scrollbar button, calendar button {
|
||||
min-height: 0.6em;
|
||||
min-width: 0.6em;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
arrow {
|
||||
min-height: 7px;
|
||||
min-width: 7px;
|
||||
}
|
||||
|
||||
button arrow {
|
||||
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
border-style: none;
|
||||
min-height: 0.5em;
|
||||
min-width: 0.5em;
|
||||
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-down");
|
||||
}
|
||||
|
||||
|
||||
radiobutton, radio {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
button:hover, arrow:hover, tab:hover, .button:hover
|
||||
{
|
||||
box-shadow: inset 0 -.1em 0 0 alpha(@accent_color, 0.7);
|
||||
}
|
||||
|
||||
button:hover:checked, arrow:hover:checked, tab:hover:checked, .button:hover:checked
|
||||
{
|
||||
box-shadow: inset 0 -.2em 0 0 alpha(@accent_color, 0.75);
|
||||
}
|
||||
button:checked, arrow:checked, tab:checked, .button:checked,
|
||||
button:active, arrow:active, tab:active, .button:active
|
||||
{
|
||||
box-shadow: inset 0 -.2em 0 0 alpha(@accent_color, 1);
|
||||
}
|
||||
|
||||
button:checked:disabled, arrow:checked:disabled, tab:checked:disabled, .button:checked:disabled {
|
||||
box-shadow: inset 0 -.2em 0 0 currentColor;
|
||||
}
|
||||
|
||||
/* entry, row.netry, spinbutton */
|
||||
entry, .entry, spinbutton text {
|
||||
background-color: @view_bg_color;
|
||||
color: @view_fg_color;
|
||||
padding: 0.2em;
|
||||
border-width: 0px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: dashed;
|
||||
border-bottom-color: alpha(@view_fg_color, 0.5);
|
||||
}
|
||||
|
||||
entry:active, .entry:active, text:active, entry:focus, text:focus, entry:focus-within, text:focus-within {
|
||||
border-bottom-color: @accent_color;
|
||||
}
|
||||
|
||||
spinbutton button {
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
/* dropdown */
|
||||
|
||||
/* checks, radios */
|
||||
|
||||
check, radio {
|
||||
border: 1px solid alpha(currentColor, 0.6);
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
-gtk-icon-source: none;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
check:hover, radio:hover {
|
||||
border-color: alpha(currentColor, 1);
|
||||
}
|
||||
|
||||
check:hover:active, radio:hover:active {
|
||||
border-color: alpha(@accent_color, 1);
|
||||
}
|
||||
|
||||
check:checked, radio:checked,
|
||||
check:checked:selected, radio:checked:selected
|
||||
{
|
||||
background-color: @accent_fg_color;
|
||||
box-shadow: inset 0 0 0 3px @accent_bg_color;
|
||||
}
|
||||
|
||||
check:checked:disabled, radio:checked:disabled
|
||||
{
|
||||
background-color: @disabled_fg_color;
|
||||
box-shadow: inset 0 0 0 3px @window_bg_color;
|
||||
}
|
||||
|
||||
check:indeterminate, check:indeterminate:disabled,
|
||||
radio:indeterminate, radio:indeterminate:disabled {
|
||||
box-shadow: inset 0 5px 0 3px currentColor;
|
||||
}
|
||||
check:indeterminate:checked, check:indeterminate:checked:disabled,
|
||||
radio:indeterminate:checked, radio:indeterminate:checked:disabled {
|
||||
background-color: @warning_color;
|
||||
}
|
||||
|
||||
|
||||
/* .destructive-action, .suggested-action */
|
||||
.destructive-action:not(:disabled) {
|
||||
background-color: @destructive_bg_color;
|
||||
color: @destructive_fg_color;
|
||||
}
|
||||
|
||||
.suggested-action:not(:disabled) {
|
||||
background-color: @success_bg_color;
|
||||
color: @success_fg_color;
|
||||
}
|
||||
|
||||
button.default {
|
||||
border-color: @success_color;
|
||||
}
|
||||
|
||||
/* scale, slider, switch */
|
||||
|
||||
scale.horizontal {
|
||||
margin: 0.5em 0;
|
||||
|
||||
}
|
||||
scale.vertical {
|
||||
margin: 0 0.5em;
|
||||
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: alpha(@window_fg_color,0.5);
|
||||
}
|
||||
|
||||
scale.horizontal mark {
|
||||
min-width: 1px;
|
||||
min-height: 0.5em;
|
||||
}
|
||||
|
||||
scale.vertical mark {
|
||||
min-width: 0.5em;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
slider { /* overwrites some things defined in button, which needs to be above */
|
||||
min-width: 1em;
|
||||
min-height: 1em;
|
||||
border-radius: 9999px;
|
||||
background-color: mix(@window_fg_color,@window_bg_color, 0.7);
|
||||
border: 1px solid mix(@window_fg_color,@window_bg_color, 0.5);
|
||||
}
|
||||
|
||||
slider:hover {
|
||||
box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5);
|
||||
border-color: alpha(@accent_color, 0.5);
|
||||
}
|
||||
slider:active {
|
||||
box-shadow: inset 0 0 0 0.1em @accent_color;
|
||||
border-color: @accent_color;
|
||||
}
|
||||
.fine-tune slider:active {
|
||||
box-shadow: inset 0 0 0 0.1em @warning_bg_color;
|
||||
border-color: @warning_bg_color;
|
||||
}
|
||||
|
||||
switch {
|
||||
border: 1px solid alpha(currentColor, 0.5);
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
switch:not(:disabled):not(checked) {
|
||||
background-color: mix(@window_bg_color, @view_bg_color, 0.5);
|
||||
}
|
||||
|
||||
switch slider {
|
||||
min-width: 1.5em;
|
||||
min-height: 1.5em;
|
||||
}
|
||||
|
||||
switch:checked {
|
||||
background-color: @accent_bg_color;
|
||||
color: @accent_fg_color;
|
||||
}
|
||||
|
||||
switch:checked:disabled {
|
||||
background-color: mix(@window_bg_color, @window_fg_color, 0.5);
|
||||
color: mix(@window_bg_color, @window_fg_color, 0.25);
|
||||
}
|
||||
|
||||
slider:disabled {
|
||||
background-color: mix(@window_fg_color,@window_bg_color, 0.85);
|
||||
border-color:mix(@window_fg_color,@window_bg_color, 0.8);
|
||||
}
|
||||
|
||||
scale slider {
|
||||
margin: -0.3em;
|
||||
}
|
||||
/* progressbar and levelbar */
|
||||
|
||||
/* scrollbar */
|
||||
trough {
|
||||
background-color: alpha(@window_fg_color, 0.1);
|
||||
/*border: 1px solid alpha(@window_fg_color, 0.2);*/
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
scale.vertical trough, progress.vertical trough, levelbar.vertical trough {
|
||||
min-width: 0.5em;
|
||||
}
|
||||
scale.horizontal trough, progress.horizontal trough, levelbar.horizontal trough {
|
||||
min-height: 0.5em;
|
||||
}
|
||||
|
||||
progress, highlight, block.filled {
|
||||
background-color: @accent_color;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
block.filled.high {
|
||||
background-color: @success_color;
|
||||
}
|
||||
block.filled.low {
|
||||
background-color: @warning_color;
|
||||
}
|
||||
|
||||
entry progress {
|
||||
background: none;
|
||||
box-shadow: inset 0 -0.1em 0 0 @accent_color, 0 0.1em 0 0 @accent_color;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* notebook, tabbar */
|
||||
/* see buttons too */
|
||||
tab, button.radio, stackswitcher > button {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
tab button {
|
||||
padding: 1px;
|
||||
min-width: 0.7em;
|
||||
min-height: 0.7em;
|
||||
}
|
||||
|
||||
/* headerbar, .titlebar, windowcontrols... window.devel headerbar > windowhandle */
|
||||
|
||||
.titlebar:not(headerbar), headerbar {
|
||||
padding: 0 6px;
|
||||
min-height: 46px;
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: @headerbar_shade_color;
|
||||
border-radius: 0;
|
||||
background: @headerbar_bg_color;
|
||||
color: @headerbar_fg_color;
|
||||
}
|
||||
|
||||
.titlebar:not(headerbar):backdrop, headerbar:backdrop { background: @headerbar_backdrop_color; }
|
||||
|
||||
.titlebar:not(headerbar) button:not(:disabled) {
|
||||
color: @headerbar_fg_color;
|
||||
}
|
||||
|
||||
/* toolbar */
|
||||
|
||||
/* menus (popover.menu, modelbutton, menubar, menubar > item */
|
||||
menuitem, menubar > item, modelbutton {
|
||||
padding: 0.1em 0.5em;
|
||||
}
|
||||
|
||||
menuitem:hover, menubar > item:hover, modelbutton:hover {
|
||||
background-color: @accent_bg_color;
|
||||
color: @accent_fg_color;
|
||||
}
|
||||
|
||||
|
||||
/* sidebars */
|
||||
|
||||
/* icons */
|
||||
|
||||
/* actionbar */
|
||||
|
||||
/* searchbar */
|
||||
|
||||
/* infobar */
|
||||
|
||||
/* statusbar */
|
||||
|
||||
/* .osd */
|
||||
|
||||
/* color swatch */
|
||||
|
||||
/* arrow */
|
||||
arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-right");
|
||||
}
|
||||
arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-left");
|
||||
}
|
||||
|
||||
|
||||
/* revealer */
|
||||
|
||||
/* expander, expander-widget */
|
||||
|
||||
expander > title arrow, expander > arrow {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-right");
|
||||
}
|
||||
expander > title arrow:checked, expander > arrow:checked {
|
||||
-gtk-icon-source: -gtk-icontheme("arrow-down");
|
||||
}
|
||||
|
||||
/* separator, paned > separator */
|
||||
|
||||
separator, paned > separator {
|
||||
background-color: alpha(@window_fg_color,0.3);
|
||||
}
|
||||
|
||||
paned > separator {
|
||||
min-width: 0.2em;
|
||||
min-height: 0.2em;
|
||||
}
|
||||
|
||||
separator {
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
/* .needs-attention */
|
||||
|
||||
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%); }
|
||||
to { background-image: radial-gradient(farthest-side, @accent_color 95%, transparent); } }
|
||||
|
||||
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, @accent_color 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; }
|
||||
|
||||
stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; }
|
||||
|
||||
/* :drop.... */
|
||||
|
||||
:not(window):drop(active):focus, :not(window):drop(active) { border-color: @accent_bg_color; box-shadow: inset 0 0 0 1px @accent_bg_color; caret-color: @accent_bg_color; }
|
||||
|
||||
/* calendar */
|
||||
/* see scrollbar buttons */
|
||||
|
||||
|
||||
/* plane */
|
||||
|
||||
|
||||
/* general typography, .accent, .success, .warning, .error */
|
||||
|
||||
.large-title {
|
||||
font-weight: 300;
|
||||
font-size: 24pt;
|
||||
}
|
||||
.title-1 {
|
||||
font-weight: 800;
|
||||
font-size: 20pt;
|
||||
}
|
||||
.title-2 {
|
||||
font-weight: 800;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.title-3 {
|
||||
font-weight: 700;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.title-4 {
|
||||
font-weight: 700;
|
||||
font-size: 13pt;
|
||||
}
|
||||
.heading {
|
||||
font-weight: 700;
|
||||
font-size: 11pt;
|
||||
}
|
||||
.body {
|
||||
font-weight: 400;
|
||||
font-size: 11pt;
|
||||
}
|
||||
.caption-heading {
|
||||
font-weight: 700;
|
||||
font-size: 9pt;
|
||||
}
|
||||
.caption {
|
||||
font-weight: 400;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.accent {color: @accent_color;}
|
||||
.success {color: @success_color;}
|
||||
.warning {color: @warning_color;}
|
||||
.error {color: @error_color;}
|
||||
|
||||
|
||||
/* .linked: we shall avoid */
|
||||
|
||||
/* link */
|
||||
|
||||
|
||||
|
||||
/* window... &.csd, &.csd:backdrop, what about .tiled, what about &.solid-csd, &.ssd, &.messagedialog .message-area, .response-area, .about */
|
||||
/* part of this needs to be adressed separately between gtk3 and gtk4 */
|
||||
|
||||
|
||||
|
||||
decoration, window.background.csd {
|
||||
box-shadow: 0 0.5em 1em 0 alpha(black, 0.5);
|
||||
}
|
||||
|
||||
.background.csd, popover, popover, window.background.csd.popup {
|
||||
box-shadow: 0 0.25em 0.5em 0 alpha(black, 0.5);
|
||||
/*background-clip: padding-box;*/
|
||||
}
|
||||
|
||||
button.close:not(:backdrop) {
|
||||
color: @error_color;
|
||||
}
|
||||
|
||||
|
||||
.osd {
|
||||
background-color: alpha(mix(@window_bg_color, @view_bg_color, 0.5), 0.3);
|
||||
border: 1px dashed alpha(@view_fg_color, 0.3);
|
||||
}
|
||||
|
||||
|
||||
/* frame */
|
||||
|
||||
.frame {
|
||||
border: 1px solid alpha(@window_fg_color, 0.3);
|
||||
}
|
||||
|
||||
/* .app-notification */
|
||||
|
||||
/* toast */
|
||||
|
||||
/* statuspage, &.compact */
|
||||
|
||||
/* cards */
|
||||
|
||||
/* shortcut, shortcuts-section, shortcuts-search-results */
|
||||
|
||||
/* stacksidebar, navigation-sidebar */
|
||||
|
||||
/* spinner */
|
||||
|
||||
/* tooltip */
|
||||
|
||||
/* gridview, flowbox */
|
||||
|
||||
/* banner */
|
||||
|
||||
/* flap */
|
||||
|
||||
/* rubberband */
|
||||
|
||||
.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid @accent_color; background-color: alpha(@accent_bg_color,0.2); }
|
||||
|
||||
/* indicatorbin */
|
||||
|
||||
/* avatar */
|
||||
|
||||
avatar { border-radius: 9999px; font-weight: bold; }
|
||||
|
||||
avatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }
|
||||
|
||||
avatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }
|
||||
|
||||
avatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }
|
||||
|
||||
avatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }
|
||||
|
||||
avatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }
|
||||
|
||||
avatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }
|
||||
|
||||
avatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }
|
||||
|
||||
avatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }
|
||||
|
||||
avatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }
|
||||
|
||||
avatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }
|
||||
|
||||
avatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }
|
||||
|
||||
avatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }
|
||||
|
||||
avatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }
|
||||
|
||||
avatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }
|
||||
|
||||
avatar.contrasted { color: white; }
|
||||
|
||||
avatar.image { background: none; }
|
||||
|
||||
|
||||
/* undershoot, overshoot */
|
||||
|
||||
undershoot {
|
||||
background-image: image(alpha(@warning_bg_color, 0.3));
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
undershoot.top {
|
||||
background-size: 100% 0.5rem;
|
||||
background-position: top;
|
||||
}
|
||||
undershoot.bottom {
|
||||
background-size: 100% 0.5rem;
|
||||
background-position: bottom;
|
||||
}
|
||||
undershoot.left {
|
||||
background-size: 0.5rem 100%;
|
||||
background-position: left;
|
||||
}
|
||||
undershoot.right {
|
||||
background-size: 0.5rem 100%;
|
||||
background-position: right;
|
||||
}
|
||||
|
||||
overshoot {
|
||||
background-color: alpha(@warning_color, 0.3);
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
@import '../common/colors.css';
|
||||
@import '../common/common.css';
|
||||
|
||||
|
||||
/* Based on adw-gtk version 4.7 and 4.9 */
|
||||
|
||||
* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: @error_bg_color; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: @accent_bg_color; }
|
||||
|
||||
*:disabled { -gtk-icon-effect: dim; }
|
||||
|
||||
.gtkstyle-fallback { color: @window_fg_color; background-color: @window_bg_color; }
|
||||
|
||||
.gtkstyle-fallback:hover { color: @window_fg_color; background-color: shade(@window_bg_color,1.1); }
|
||||
|
||||
.gtkstyle-fallback:active { color: @window_fg_color; background-color: shade(@window_bg_color,0.9); }
|
||||
|
||||
.gtkstyle-fallback:disabled { color: mix(@window_fg_color,@window_bg_color,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); }
|
||||
|
||||
.gtkstyle-fallback:selected { color: @accent_fg_color; background-color: @accent_bg_color; }
|
||||
|
||||
*:disabled {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
@import '../common/colors.css';
|
||||
@import '../common/common.css';
|
||||
|
||||
|
||||
/* Based on adw-gtk version 4.7 and 4.9 */
|
||||
|
||||
* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: @error_bg_color; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 4px; -gtk-secondary-caret-color: @accent_bg_color; }
|
||||
|
||||
*:disabled { -gtk-icon-effect: dim; }
|
||||
|
||||
.gtkstyle-fallback { color: @window_fg_color; background-color: @window_bg_color; }
|
||||
|
||||
.gtkstyle-fallback:hover { color: @window_fg_color; background-color: shade(@window_bg_color,1.1); }
|
||||
|
||||
.gtkstyle-fallback:active { color: @window_fg_color; background-color: shade(@window_bg_color,0.9); }
|
||||
|
||||
.gtkstyle-fallback:disabled { color: mix(@window_fg_color,@window_bg_color,0.5); background-color: mix(@window_bg_color,@view_bg_color,0.4); }
|
||||
|
||||
.gtkstyle-fallback:selected { color: @accent_fg_color; background-color: @accent_bg_color; }
|
||||
|
||||
*:disabled {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
gtk.css
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
@import '../common/colors.css';
|
||||
@import '../common/common.css';
|
||||
|
||||
/* Based on adw-gtk version 4.7 and 4.9 */
|
||||
|
||||
.normal-icons { -gtk-icon-size: 16px; }
|
||||
|
||||
.large-icons { -gtk-icon-size: 32px; }
|
||||
|
||||
*:disabled {
|
||||
-gtk-icon-filter: opacity(0.5);
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue