dark mode + .... some form of toggle :)

src/components/Sidebar/Copyright/Copyright.module.scss

@@ -4,6 +4,6 @@
 @import "../../../assets/scss/mixins";
 
 .copyright {
-  color: color.adjust($color-gray, $whiteness: 18%);
+  color: $color-gray;
   font-size: $typographic-small-font-size;
 }

src/components/Sidebar/Sidebar.tsx

@@ -7,6 +7,7 @@ import { Menu } from "./Menu";
 
 import * as styles from "./Sidebar.module.scss";
 import { useSiteMetadata } from "@/hooks";
+import ThemeSwitcher from "../DarkmodeSwitch/ThemeSwitcher";
 
 type Props = {
   isIndex?: boolean;
@@ -23,6 +24,7 @@ const Sidebar = ({ isIndex }: Props) => {
         <Contacts contacts={author.contacts} />
         <Copyright copyright={copyright} />
         <Menu menu={legalMenu} />
+        <ThemeSwitcher />
       </div>
     </div>
   );

src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap

@@ -141,6 +141,12 @@ exports[`Sidebar renders correctly 1`] = `
     <nav>
       <ul />
     </nav>
+    <a
+      href="#"
+      onClick={[Function]}
+    >
+      Switch to light mode
+    </a>
   </div>
 </div>
 `;