From fa4005785ceaf1d1c13c19c328c9f3f3294edeb2 Mon Sep 17 00:00:00 2001
From: Bartosz Nowak <bartekn337@gmail.com>
Date: Sat, 14 Oct 2023 11:10:17 +0200
Subject: [PATCH] lint fmt

---
 src/components/header/header.css.ts   |  5 +----
 src/components/sidenav/sidenav.css.ts |  5 +----
 src/root.tsx                          |  2 +-
 src/routes/header.css.ts              |  4 ++--
 src/routes/layout.css.ts              | 24 ++++++++++----------
 src/routes/layout.tsx                 | 11 +++++----
 src/routes/main.css.ts                |  4 ++--
 src/routes/nav.css.ts                 |  4 ++--
 src/theme.css.ts                      | 32 +++++++++++++--------------
 9 files changed, 44 insertions(+), 47 deletions(-)

diff --git a/src/components/header/header.css.ts b/src/components/header/header.css.ts
index bbbc56a..bc816a6 100644
--- a/src/components/header/header.css.ts
+++ b/src/components/header/header.css.ts
@@ -1,6 +1,3 @@
 import { style } from "@vanilla-extract/css";
-import { vars } from "~/theme.css";
 
-export const header = style({
-    
-})
\ No newline at end of file
+export const header = style({});
diff --git a/src/components/sidenav/sidenav.css.ts b/src/components/sidenav/sidenav.css.ts
index f6c841f..cef19a2 100644
--- a/src/components/sidenav/sidenav.css.ts
+++ b/src/components/sidenav/sidenav.css.ts
@@ -1,6 +1,3 @@
 import { style } from "@vanilla-extract/css";
-import { vars } from "~/theme.css";
 
-export const sidenav = style({
-    
-})
\ No newline at end of file
+export const sidenav = style({});
diff --git a/src/root.tsx b/src/root.tsx
index cd36445..a1c33f1 100644
--- a/src/root.tsx
+++ b/src/root.tsx
@@ -7,7 +7,7 @@ import {
 import { RouterHead } from "./components/router-head/router-head";
 
 import "./global.css";
-import { darkTheme, lightTheme } from "./theme.css";
+import { darkTheme } from "./theme.css";
 
 export default component$(() => {
   /**
diff --git a/src/routes/header.css.ts b/src/routes/header.css.ts
index 5b22e9a..816eb0b 100644
--- a/src/routes/header.css.ts
+++ b/src/routes/header.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const header = style({
-    backgroundColor: vars.color.background
-})
\ No newline at end of file
+  backgroundColor: vars.color.background,
+});
diff --git a/src/routes/layout.css.ts b/src/routes/layout.css.ts
index 4ffa9a8..61bb5c1 100644
--- a/src/routes/layout.css.ts
+++ b/src/routes/layout.css.ts
@@ -2,17 +2,17 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const layoutRow = style({
-    width: "100vw",
-    height: "100vh",
-    display: "grid",
-    gridTemplateRows: "36px 1fr",
-    backgroundColor: vars.color.backgroundHighlight,
-    gap: "1px",
-})
+  width: "100vw",
+  height: "100vh",
+  display: "grid",
+  gridTemplateRows: "36px 1fr",
+  backgroundColor: vars.color.backgroundHighlight,
+  gap: "1px",
+});
 
 export const layoutColumn = style({
-    display: "grid",
-    gridTemplateColumns: "36px 1fr",
-    gap: "1px",
-    backgroundColor: vars.color.backgroundHighlight,
-})
\ No newline at end of file
+  display: "grid",
+  gridTemplateColumns: "36px 1fr",
+  gap: "1px",
+  backgroundColor: vars.color.backgroundHighlight,
+});
diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx
index 92d73c4..165654f 100644
--- a/src/routes/layout.tsx
+++ b/src/routes/layout.tsx
@@ -1,4 +1,4 @@
-import { component$, Slot, useStyles$ } from "@builder.io/qwik";
+import { component$, Slot } from "@builder.io/qwik";
 import { routeLoader$ } from "@builder.io/qwik-city";
 import type { RequestHandler } from "@builder.io/qwik-city";
 
@@ -27,12 +27,15 @@ export const useServerTimeLoader = routeLoader$(() => {
 });
 
 export default component$(() => {
-  // useStyles$(styles);
   return (
     <div class={layoutRow}>
-      <header class={header}><Header></Header></header>
+      <header class={header}>
+        <Header></Header>
+      </header>
       <div class={layoutColumn}>
-        <nav class={nav}><SideNav></SideNav></nav>
+        <nav class={nav}>
+          <SideNav></SideNav>
+        </nav>
         <main class={main}>
           <Slot />
         </main>
diff --git a/src/routes/main.css.ts b/src/routes/main.css.ts
index 564e5c1..c0b0e3a 100644
--- a/src/routes/main.css.ts
+++ b/src/routes/main.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const main = style({
-    backgroundColor: vars.color.background
-})
\ No newline at end of file
+  backgroundColor: vars.color.background,
+});
diff --git a/src/routes/nav.css.ts b/src/routes/nav.css.ts
index a8adf36..b6ff5d0 100644
--- a/src/routes/nav.css.ts
+++ b/src/routes/nav.css.ts
@@ -2,5 +2,5 @@ import { style } from "@vanilla-extract/css";
 import { vars } from "~/theme.css";
 
 export const nav = style({
-    backgroundColor: vars.color.background
-})
\ No newline at end of file
+  backgroundColor: vars.color.background,
+});
diff --git a/src/theme.css.ts b/src/theme.css.ts
index 2a2d182..48adb49 100644
--- a/src/theme.css.ts
+++ b/src/theme.css.ts
@@ -2,26 +2,26 @@ import { createTheme } from "@vanilla-extract/css";
 
 export const [darkTheme, vars] = createTheme({
   color: {
-    background: '#2b2f3a', // Background (Dark Grayish Bluish)
-    backgroundHighlight: '#3c3f4a', // Background Highlighted (Dark Grayish Bluish)
-    red: '#d43f4a', // Muted Red
-    green: '#3d8e5d', // Muted Green
-    blue: '#2f6d99', // Muted Blue
-    text: '#e0e0e0', // Text (For light text against dark backgrounds)
-    subtext: '#a0a0a0', // Subtext (For lesser important text)
-    divider: '#42465b', // Border/Divider Color
+    background: "#2b2f3a", // Background (Dark Grayish Bluish)
+    backgroundHighlight: "#3c3f4a", // Background Highlighted (Dark Grayish Bluish)
+    red: "#d43f4a", // Muted Red
+    green: "#3d8e5d", // Muted Green
+    blue: "#2f6d99", // Muted Blue
+    text: "#e0e0e0", // Text (For light text against dark backgrounds)
+    subtext: "#a0a0a0", // Subtext (For lesser important text)
+    divider: "#42465b", // Border/Divider Color
   },
 });
 
 export const lightTheme = createTheme(vars, {
   color: {
-    background: '#e6eaf0', // Background (Light Grayish Bluish)
-    backgroundHighlight: '#d5d8e0', // Background Highlighted (Dark Grayish Bluish)
-    red: '#e05a67', // Muted Red
-    green: '#59a883', // Muted Green
-    blue: '#508db3', // Muted Blue
-    text: '#2c2f3b', // Text (For dark text against light backgrounds)
-    subtext: '#6c6f7f', // Subtext (For lesser important text)
-    divider: '#b2b5c3', // Border/Divider Color
+    background: "#e6eaf0", // Background (Light Grayish Bluish)
+    backgroundHighlight: "#d5d8e0", // Background Highlighted (Dark Grayish Bluish)
+    red: "#e05a67", // Muted Red
+    green: "#59a883", // Muted Green
+    blue: "#508db3", // Muted Blue
+    text: "#2c2f3b", // Text (For dark text against light backgrounds)
+    subtext: "#6c6f7f", // Subtext (For lesser important text)
+    divider: "#b2b5c3", // Border/Divider Color
   },
 });