links

frontend/src/sidebar/Sidebar.tsx

@@ -19,6 +19,9 @@ import {
   DesktopIcon,
   UploadIcon,
   LogoIcon,
+  GithubIcon,
+  MatrixIcon,
+  WorldIcon,
 } from '../ui/icons';
 import PanelHeader from '../ui/PanelHeader';
 import useFloatingMenu from '../ui/useFloatingMenu';
@@ -980,6 +983,38 @@ const Sidebar: React.FC<SidebarProps> = ({
           </ul>
         </div>
       </div>
+      <div className="sidebar__footer">
+        <a
+          className="sidebar__footer-link"
+          href="https://github.com/papercrate-dms/papercrate"
+          target="_blank"
+          rel="noreferrer"
+          title="Open Papercrate on GitHub"
+        >
+          <GithubIcon size={16} stroke={1.5} />
+          <span>GitHub</span>
+        </a>
+        <a
+          className="sidebar__footer-link"
+          href="https://matrix.to/#/#papercrate:matrix.org"
+          target="_blank"
+          rel="noreferrer"
+          title="Join the Papercrate Matrix room"
+        >
+          <MatrixIcon size={16} stroke={1.5} />
+          <span>Matrix</span>
+        </a>
+        <a
+          className="sidebar__footer-link"
+          href="https://papercrate.org"
+          target="_blank"
+          rel="noreferrer"
+          title="Visit papercrate.org"
+        >
+          <WorldIcon size={16} stroke={1.5} />
+          <span>Website</span>
+        </a>
+      </div>
     </aside>
   );
 };

frontend/src/sidebar/SidebarContext.tsx

@@ -32,7 +32,7 @@ const SIDEBAR_COLLAPSE_STORAGE_KEY = 'papercrate_sidebar_collapsed';
 const SidebarContext = createContext<SidebarContextValue | null>(null);
 
 const THEME_STORAGE_KEY = 'papercrate_theme_settings';
-const DEFAULT_NEUTRAL_HUE = 145;
+const DEFAULT_NEUTRAL_HUE = 35;
 const DEFAULT_NEUTRAL_CHROMA = 0.1;
 const DEFAULT_NEUTRAL_CONTRAST = 0.3;
 const DEFAULT_THEME_MODE = 'system';