feat: initial theming support

1 files changed, 20 insertions, 2 deletions

diff --git a/src/components/SideBar.module.scss b/src/components/SideBar.module.scss
index 86260f4..a0ca07d 100644
--- a/src/components/SideBar.module.scss
+++ b/src/components/SideBar.module.scss
@@ -1,6 +1,6 @@
 .root {
-  background: #2d2d30;
-  // width: 220px;
+  background: var(--color-bg-sidebar);
+  position: relative;
 }
 
 .logo {
@@ -48,3 +48,21 @@
 .label {
   padding-left: 14px;
 }
+
+.themeSwitchContainer {
+  $sz: 50px;
+
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: $sz;
+  height: $sz;
+  padding: 20px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  svg {
+    display: block;
+  }
+}