feat: darker colors
This commit is contained in:
parent
281fa223b8
commit
6562456ba9
@ -135,11 +135,11 @@
|
||||
--color-info-bg: hsl(216.3, 33.3%, 22.4%);
|
||||
--color-info-text: hsl(213deg, 89%, 64%);
|
||||
|
||||
--color-body: #202327;
|
||||
--color-body: #141518;
|
||||
|
||||
--color-box-header: hsl(213, 12%, 22%);
|
||||
--color-box-body: hsl(213, 12%, 18%);
|
||||
--color-box-body-highlight: hsla(204deg, 60%, 15%, 0.15);
|
||||
--color-box-header: hsl(213, 12%, 15%);
|
||||
--color-box-body: hsl(213, 12%, 12%);
|
||||
--color-box-body-highlight: hsla(204deg, 60%, 9%, 0.15);
|
||||
|
||||
--color-text: #bbc0ca;
|
||||
--color-text-dark: hsl(220, 26%, 89%);
|
||||
@ -162,31 +162,31 @@
|
||||
--color-hover: hsla(213, 18%, 90%, 0.05);
|
||||
--color-active: hsla(213, 18%, 90%, 0.1);
|
||||
|
||||
--color-menu: hsl(213, 12%, 21%);
|
||||
--color-menu: hsl(213, 12%, 15%);
|
||||
--color-card: transparent;
|
||||
|
||||
--color-markup-table-row: hsla(0, 0%, 100%, 0);
|
||||
--color-markup-code-block: hsla(0, 0%, 100%, 0.1);
|
||||
--color-markup-code-inline: hsla(0, 0%, 100%, 0.1);
|
||||
|
||||
--color-code-bg: #1e2329;
|
||||
--color-code-line-bg-hover: hsl(213, 16%, 16%);
|
||||
--color-code-sidebar-bg: hsl(213, 15%, 21%);
|
||||
--color-code-bg: #131518;
|
||||
--color-code-line-bg-hover: hsl(213, 16%, 10%);
|
||||
--color-code-sidebar-bg: hsl(213, 15%, 15%);
|
||||
|
||||
--color-tooltip-text: #fbfdff;
|
||||
--color-tooltip-bg: #000017f0;
|
||||
|
||||
/* Navbar. */
|
||||
--color-navbar: hsl(213, 10%, 18%);
|
||||
--color-nav-bg: hsl(213, 10%, 18%);
|
||||
--color-navbar: hsl(213, 10%, 12%);
|
||||
--color-nav-bg: hsl(213, 10%, 12%);
|
||||
--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-header-bar: hsl(213, 10%, 18%);
|
||||
--color-header-bar: hsl(213, 10%, 12%);
|
||||
|
||||
/* Inputs. */
|
||||
--color-input-text: #d6dbe6;
|
||||
--color-input-background: #17191c;
|
||||
--color-input-background: #0f1012;
|
||||
--color-input-toggle-background: #454d57;
|
||||
--color-input-border: #454d57;
|
||||
--color-input-border-hover: #505668;
|
||||
@ -199,10 +199,10 @@
|
||||
--color-highlight-bg: #352c1c;
|
||||
--color-overlay-backdrop: #080808c0;
|
||||
|
||||
--color-button: #282d33;
|
||||
--color-button: #181b20;
|
||||
|
||||
--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-active-bg: var(--color-primary-alpha-30);
|
||||
@ -216,7 +216,7 @@
|
||||
--color-label-active-bg: hsl(220, 10.6%, 33.3%);
|
||||
|
||||
/* 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-links: var(--color-text-light-1);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user