feat: darker colors

This commit is contained in:
Timofey Gelazoniya 2025-02-02 11:28:49 +03:00
parent 281fa223b8
commit 6562456ba9
Signed by: zeldon
GPG Key ID: 047886915281DD2A

View File

@ -135,11 +135,11 @@
--color-info-bg: hsl(216.3, 33.3%, 22.4%); --color-info-bg: hsl(216.3, 33.3%, 22.4%);
--color-info-text: hsl(213deg, 89%, 64%); --color-info-text: hsl(213deg, 89%, 64%);
--color-body: #202327; --color-body: #141518;
--color-box-header: hsl(213, 12%, 22%); --color-box-header: hsl(213, 12%, 15%);
--color-box-body: hsl(213, 12%, 18%); --color-box-body: hsl(213, 12%, 12%);
--color-box-body-highlight: hsla(204deg, 60%, 15%, 0.15); --color-box-body-highlight: hsla(204deg, 60%, 9%, 0.15);
--color-text: #bbc0ca; --color-text: #bbc0ca;
--color-text-dark: hsl(220, 26%, 89%); --color-text-dark: hsl(220, 26%, 89%);
@ -162,31 +162,31 @@
--color-hover: hsla(213, 18%, 90%, 0.05); --color-hover: hsla(213, 18%, 90%, 0.05);
--color-active: hsla(213, 18%, 90%, 0.1); --color-active: hsla(213, 18%, 90%, 0.1);
--color-menu: hsl(213, 12%, 21%); --color-menu: hsl(213, 12%, 15%);
--color-card: transparent; --color-card: transparent;
--color-markup-table-row: hsla(0, 0%, 100%, 0); --color-markup-table-row: hsla(0, 0%, 100%, 0);
--color-markup-code-block: hsla(0, 0%, 100%, 0.1); --color-markup-code-block: hsla(0, 0%, 100%, 0.1);
--color-markup-code-inline: hsla(0, 0%, 100%, 0.1); --color-markup-code-inline: hsla(0, 0%, 100%, 0.1);
--color-code-bg: #1e2329; --color-code-bg: #131518;
--color-code-line-bg-hover: hsl(213, 16%, 16%); --color-code-line-bg-hover: hsl(213, 16%, 10%);
--color-code-sidebar-bg: hsl(213, 15%, 21%); --color-code-sidebar-bg: hsl(213, 15%, 15%);
--color-tooltip-text: #fbfdff; --color-tooltip-text: #fbfdff;
--color-tooltip-bg: #000017f0; --color-tooltip-bg: #000017f0;
/* Navbar. */ /* Navbar. */
--color-navbar: hsl(213, 10%, 18%); --color-navbar: hsl(213, 10%, 12%);
--color-nav-bg: hsl(213, 10%, 18%); --color-nav-bg: hsl(213, 10%, 12%);
--color-nav-hover-bg: hsla(213, 18%, 90%, 0.05); --color-nav-hover-bg: hsla(213, 18%, 90%, 0.05);
--color-header-wrapper: hsl(213, 10%, 18%); --color-header-wrapper: hsl(213, 10%, 12%);
--color-navbar-transparent: hsla(213, 10%, 14%, 0); --color-navbar-transparent: hsla(213, 10%, 14%, 0);
--color-header-bar: hsl(213, 10%, 18%); --color-header-bar: hsl(213, 10%, 12%);
/* Inputs. */ /* Inputs. */
--color-input-text: #d6dbe6; --color-input-text: #d6dbe6;
--color-input-background: #17191c; --color-input-background: #0f1012;
--color-input-toggle-background: #454d57; --color-input-toggle-background: #454d57;
--color-input-border: #454d57; --color-input-border: #454d57;
--color-input-border-hover: #505668; --color-input-border-hover: #505668;
@ -199,10 +199,10 @@
--color-highlight-bg: #352c1c; --color-highlight-bg: #352c1c;
--color-overlay-backdrop: #080808c0; --color-overlay-backdrop: #080808c0;
--color-button: #282d33; --color-button: #181b20;
--color-caret: var(--color-text); --color-caret: var(--color-text);
--color-border: var(--color-secondary-alpha-40); --color-border: var(--color-secondary-alpha-30);
--color-reaction-bg: hsla(0, 0%, 100%, 0.1); --color-reaction-bg: hsla(0, 0%, 100%, 0.1);
--color-reaction-active-bg: var(--color-primary-alpha-30); --color-reaction-active-bg: var(--color-primary-alpha-30);
@ -216,7 +216,7 @@
--color-label-active-bg: hsl(220, 10.6%, 33.3%); --color-label-active-bg: hsl(220, 10.6%, 33.3%);
/* Footer. */ /* Footer. */
--color-footer: hsl(213, 14.8%, 21%); --color-footer: hsl(213, 14.8%, 15%);
--color-footer-text: var(--color-text-light-3); --color-footer-text: var(--color-text-light-3);
--color-footer-links: var(--color-text-light-1); --color-footer-links: var(--color-text-light-1);
} }