Fixing error, waring, success and accent classes (not yet fully), plus adding actual previews (README still not updated)

This commit is contained in:
Eudaimon 2024-04-08 15:05:34 +02:00
parent f548ed97e0
commit d9e2e1a1a6
16 changed files with 181 additions and 19 deletions

View File

@ -59,9 +59,21 @@ label:disabled { color: #807a6a; }
button label:disabled { color: inherit; }
label.error { color: #df0000; }
label.error { color: #7e0f0f; }
label.error:disabled { color: #807969; }
label.error:disabled { color: #b03d35; }
label.warning { color: #7f6e0f; }
label.warning:disabled { color: #b19d35; }
label.success { color: #467818; }
label.success:disabled { color: #78a63f; }
label.accent { color: #7b4a1c; }
label.accent:disabled { color: #ac7842; }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
@ -148,7 +160,21 @@ spinbutton:not(.vertical) progress, entry progress { margin: 3px 3px; background
spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
spinbutton.error:not(.vertical), entry.error { color: #df0000; }
spinbutton.error:not(.vertical), entry.error { color: #7e0f0f; }
spinbutton.error:disabled:not(.vertical), entry.error:disabled { color: #b03d35; }
spinbutton.warning:not(.vertical), entry.warning { color: #7f6e0f; }
spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { color: #b19d35; }
spinbutton.success:not(.vertical), entry.success { color: #467818; }
spinbutton.success:disabled:not(.vertical), entry.success:disabled { color: #78a63f; }
spinbutton.accent:not(.vertical), entry.accent { color: #7b4a1c; }
spinbutton.accent:disabled:not(.vertical), entry.accent:disabled { color: #ac7842; }
treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #CCCCCC; }

View File

@ -93,9 +93,21 @@ label:disabled { color: #807a6a; }
button label:disabled { color: inherit; }
label.error { color: #df0000; }
label.error { color: #7e0f0f; }
label.error:disabled { color: #807969; }
label.error:disabled { color: #b03d35; }
label.warning { color: #7f6e0f; }
label.warning:disabled { color: #b19d35; }
label.success { color: #467818; }
label.success:disabled { color: #78a63f; }
label.accent { color: #7b4a1c; }
label.accent:disabled { color: #ac7842; }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
@ -214,7 +226,21 @@ spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, ent
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #D8761A; border-style: solid; box-shadow: none; margin-bottom: 1px; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #7e0f0f; }
spinbutton.vertical > text.error:disabled, spinbutton.error:disabled:not(.vertical), entry.error:disabled { color: #b03d35; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #7f6e0f; }
spinbutton.vertical > text.warning:disabled, spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { color: #b19d35; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #467818; }
spinbutton.vertical > text.success:disabled, spinbutton.success:disabled:not(.vertical), entry.success:disabled { color: #78a63f; }
spinbutton.vertical > text.accent, spinbutton.accent:not(.vertical), entry.accent { color: #7b4a1c; }
spinbutton.vertical > text.accent:disabled, spinbutton.accent:disabled:not(.vertical), entry.accent:disabled { color: #ac7842; }
.linked spinbutton.vertical > text, .linked spinbutton:not(.vertical), .linked entry { margin: 0; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 390 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 130 KiB

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

BIN
previews/gtk3wf1+gtk2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB

BIN
previews/gtk3wf3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

View File

@ -179,10 +179,23 @@ label {
//}
&.error {
color: $error_color;
&:disabled { color: mix($error_color,$insensitive_fg_color,0.5); }
//&:disabled:backdrop { color: transparentize($error_color,0.6); }
color: mix($error_color, $fg_color, 50%);
&:disabled { color: mix($error_color,$insensitive_fg_color, 50%); }
}
&.warning {
color: mix($warning_color, $fg_color, 50%);
&:disabled { color: mix($warning_color,$insensitive_fg_color, 50%); }
}
&.success {
color: mix($success_color, $fg_color, 50%);
&:disabled { color: mix($success_color,$insensitive_fg_color, 50%); }
}
&.accent {
color: mix($selected_bg_color, $fg_color, 50%);
&:disabled { color: mix($selected_bg_color,$insensitive_fg_color,50%); }
}
}
.dim-label {
@ -385,7 +398,23 @@ entry {
// linked entries: all suppressed
&.error { color: $error_color; }
&.error {
color: mix($error_color, $fg_color, 50%);
&:disabled { color: mix($error_color,$insensitive_fg_color,50%); }
}
&.warning {
color: mix($warning_color, $fg_color, 50%);
&:disabled { color: mix($warning_color,$insensitive_fg_color,50%); }
}
&.success {
color: mix($success_color, $fg_color, 50%);
&:disabled { color: mix($success_color,$insensitive_fg_color,50%); }
}
&.accent {
color: mix($selected_bg_color, $fg_color, 50%);
&:disabled { color: mix($selected_bg_color,$insensitive_fg_color,50%); }
}
}
treeview entry {

View File

@ -59,9 +59,21 @@ label:disabled { color: #807a6a; }
button label:disabled { color: inherit; }
label.error { color: #df0000; }
label.error { color: #7e0f0f; }
label.error:disabled { color: #807969; }
label.error:disabled { color: #b03d35; }
label.warning { color: #7f6e0f; }
label.warning:disabled { color: #b19d35; }
label.success { color: #467818; }
label.success:disabled { color: #78a63f; }
label.accent { color: #7b4a1c; }
label.accent:disabled { color: #ac7842; }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
@ -148,7 +160,21 @@ spinbutton:not(.vertical) progress, entry progress { margin: 3px 3px; background
spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
spinbutton.error:not(.vertical), entry.error { color: #df0000; }
spinbutton.error:not(.vertical), entry.error { color: #7e0f0f; }
spinbutton.error:disabled:not(.vertical), entry.error:disabled { color: #b03d35; }
spinbutton.warning:not(.vertical), entry.warning { color: #7f6e0f; }
spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { color: #b19d35; }
spinbutton.success:not(.vertical), entry.success { color: #467818; }
spinbutton.success:disabled:not(.vertical), entry.success:disabled { color: #78a63f; }
spinbutton.accent:not(.vertical), entry.accent { color: #7b4a1c; }
spinbutton.accent:disabled:not(.vertical), entry.accent:disabled { color: #ac7842; }
treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #CCCCCC; }

View File

@ -172,8 +172,21 @@ label {
}
&.error {
color: $error_color;
&:disabled { color: mix($error_color,$insensitive_fg_color,0.5); }
color: mix($error_color, $fg_color, 50%);
&:disabled { color: mix($error_color,$insensitive_fg_color,50%); }
}
&.warning {
color: mix($warning_color, $fg_color, 50%);
&:disabled { color: mix($warning_color,$insensitive_fg_color,50%); }
}
&.success {
color: mix($success_color, $fg_color, 50%);
&:disabled { color: mix($success_color,$insensitive_fg_color,50%); }
}
&.accent {
color: mix($selected_bg_color, $fg_color, 50%);
&:disabled { color: mix($selected_bg_color,$insensitive_fg_color,50%); }
}
}
@ -398,7 +411,23 @@ entry {
// linked entries: all suppressed
&.error { color: $error_color; }
&.error {
color: mix($error_color, $fg_color, 50%);
&:disabled { color: mix($error_color,$insensitive_fg_color,50%); }
}
&.warning {
color: mix($warning_color, $fg_color, 50%);
&:disabled { color: mix($warning_color,$insensitive_fg_color,50%); }
}
&.success {
color: mix($success_color, $fg_color, 50%);
&:disabled { color: mix($success_color,$insensitive_fg_color,50%); }
}
&.accent {
color: mix($selected_bg_color, $fg_color, 50%);
&:disabled { color: mix($selected_bg_color,$insensitive_fg_color,50%); }
}
.linked & {
margin: 0; //for libadwaita
}

View File

@ -93,9 +93,21 @@ label:disabled { color: #807a6a; }
button label:disabled { color: inherit; }
label.error { color: #df0000; }
label.error { color: #7e0f0f; }
label.error:disabled { color: #807969; }
label.error:disabled { color: #b03d35; }
label.warning { color: #7f6e0f; }
label.warning:disabled { color: #b19d35; }
label.success { color: #467818; }
label.success:disabled { color: #78a63f; }
label.accent { color: #7b4a1c; }
label.accent:disabled { color: #ac7842; }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
@ -214,7 +226,21 @@ spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, ent
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #D8761A; border-style: solid; box-shadow: none; margin-bottom: 1px; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #df0000; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #7e0f0f; }
spinbutton.vertical > text.error:disabled, spinbutton.error:disabled:not(.vertical), entry.error:disabled { color: #b03d35; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #7f6e0f; }
spinbutton.vertical > text.warning:disabled, spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { color: #b19d35; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #467818; }
spinbutton.vertical > text.success:disabled, spinbutton.success:disabled:not(.vertical), entry.success:disabled { color: #78a63f; }
spinbutton.vertical > text.accent, spinbutton.accent:not(.vertical), entry.accent { color: #7b4a1c; }
spinbutton.vertical > text.accent:disabled, spinbutton.accent:disabled:not(.vertical), entry.accent:disabled { color: #ac7842; }
.linked spinbutton.vertical > text, .linked spinbutton:not(.vertical), .linked entry { margin: 0; }