chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switching to a tinted color background

Browse source
This commit is contained in:
Niléane 2024-02-27 14:06:16 +01:00
parent 122c8f2ad8
commit 0664359fd5
No known key found for this signature in database
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
TangerineUI-cherry.css
View file

@ -14,7 +14,7 @@
/* 🎨 Colors */
:root {
--color-bg: #ffffff;
--color-bg: #f5eff2;
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
--color-fg: #2a2d37;
--color-fg-muted: #888494;
@ -5511,8 +5511,8 @@ a:is(.active,
color: var(--color-accent);
}
.app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
background-color: var(--color-accent-focus);
color: var(--color-accent-fg);
}
.app-body .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) {

6
TangerineUI-purple.css
View file

@ -14,7 +14,7 @@
/* 🎨 Colors */
:root {
--color-bg: #ffffff;
--color-bg: #f2eff5;
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
--color-fg: #2a2d37;
--color-fg-muted: #888494;
@ -5511,8 +5511,8 @@ a:is(.active,
color: var(--color-accent);
}
.app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
background-color: var(--color-accent-focus);
color: var(--color-accent-fg);
}
.app-body .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) {

6
TangerineUI.css
View file

@ -14,7 +14,7 @@
/* 🎨 Colors */
:root {
--color-bg: #ffffff;
--color-bg: #f5f2ef;
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
--color-fg: #2a2d37;
--color-fg-muted: #948c84;
@ -5511,8 +5511,8 @@ a:is(.active,
color: var(--color-accent);
}
.app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
background-color: var(--color-accent-focus);
color: var(--color-accent-fg);
}
.app-body .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) {