From 6562456ba9cd91658bb6cac3240b2d2be0bdd9a2 Mon Sep 17 00:00:00 2001 From: Timofey Gelazoniya Date: Sun, 2 Feb 2025 11:28:49 +0300 Subject: [PATCH] feat: darker colors --- public/assets/css/theme-bthree-dark.css | 32 ++++++++++++------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/public/assets/css/theme-bthree-dark.css b/public/assets/css/theme-bthree-dark.css index 4bb2d46..7d0eda8 100644 --- a/public/assets/css/theme-bthree-dark.css +++ b/public/assets/css/theme-bthree-dark.css @@ -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); }