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
commit 0664359fd5
No known key found for this signature in database
3 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
TangerineUI-cherry.css
View file

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

6
TangerineUI-purple.css
View file

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

6
TangerineUI.css
View file

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