fix(style): change base colors

hello-nrfcloud · Feb 22, 2024 · 71ae2df · 71ae2df
1 parent dae9c61
commit 71ae2df
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/src/base.css b/src/base.css
@@ -1,12 +1,8 @@
 :root {
-  --bg-blue-1: #022075;
-  --bg-blue-2: #011e71;
-  --bg-blue-3: #021c6c;
-  --bg-blue-4: #021966;
-  --bg-blue-5: #02165e;
-  --bg-blue-6: #021255;
-  --bg-blue-7: #020e4b;
-  --bg-blue-8: #020d47;
+  --bg-blue-4: #1a497b;
+  --bg-blue-3: #11456f;
+  --bg-blue-2: #094062;
+  --bg-blue-1: #003c56;
   --color-warning: #e7c27b;
   --color-error: #ce0d0d;
   --base-size-sidebar: 40px;
@@ -24,7 +20,7 @@ body {
   width: 100%;
   min-height: 100vh;
   min-width: 100vw;
-  background: var(--bg-blue-8);
+  background: #111;
   color: white;
   font-family: "Share Tech", sans-serif;
   font-weight: 400;
@@ -54,7 +50,6 @@ h6 {
 }
 
 .boxed {
-  background-color: #ffffff22;
   padding: 1rem;
   border-radius: 10px;
   box-shadow: 0 0 4px #000000b8;

diff --git a/src/component/Sidebar.css b/src/component/Sidebar.css
@@ -1,11 +1,10 @@
 nav.sidebar {
-  background-color: var(--bg-blue-4);
+  background-color: var(--bg-blue-2);
   width: var(--base-size-sidebar);
   height: 100vh;
   position: fixed;
   left: 0;
   top: 0;
-  border-right: 1px solid var(--bg-blue-1);
   z-index: 1000;
 }
 
@@ -30,7 +29,7 @@ nav.sidebar .button {
 
 /* Button colors */
 nav.sidebar .active {
-  background-color: var(--bg-blue-1);
+  background-color: var(--bg-blue-3);
 }
 
 nav.sidebar .error {
@@ -73,7 +72,7 @@ aside.sidebar .close {
 }
 
 aside.sidebar {
-  background-color: var(--bg-blue-1);
+  background-color: var(--bg-blue-3);
   height: calc(100vh - var(--base-size-sidebar));
 }
 
@@ -86,3 +85,7 @@ aside.sidebar {
 aside.sidebar a {
   text-decoration: underline;
 }
+
+.boxed {
+  background-color: var(--bg-blue-4);
+}