diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 0530253..3f3d59d 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -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) { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index d361111..f341a6b 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -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) { diff --git a/TangerineUI.css b/TangerineUI.css index c279b8d..3bd2cbd 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -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) {