Add lighthouse theme

LittleBigRefresh · Nov 3, 2023 · 6694b23 · 6694b23
1 parent 3e23ad4
commit 6694b23
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -67,7 +67,7 @@
             [id]="bannerService.banners.indexOf(n)"
 />
 
-<div class="container mx-auto bg-backdrop p-5 grid min-h-full h-full mb-10 text-foreground"
+<div class="container mx-auto bg-backdrop p-5 grid min-h-full h-full mb-10 text-foreground lighthouse:border-x border-divider"
      [@routeAnimations]="o.isActivated ? o.activatedRoute : ''">
   <router-outlet #o="outlet"></router-outlet>
 </div>
diff --git a/src/app/pages/settings/settings.component.ts b/src/app/pages/settings/settings.component.ts
@@ -50,7 +50,11 @@ export class SettingsComponent implements OnInit {
     {
       Name: "Sound Shapes",
       Value: "soundShapes",
-    }
+    },
+    {
+      Name: "Lighthouse",
+      Value: "lighthouse",
+    },
   ]
 
   theme: string;

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -145,6 +145,37 @@ module.exports = {
         "api-retrieve": "#79c501",
         "api-remove": "#ea574d",
         "api-push": "#eeb231",
+      },
+      lighthouse: {
+        "background": "#ededf0",
+        "header-background": "#121212",
+        "form-background": "#dddddd",
+        "backdrop": "#FFFFFF",
+
+        "divider": "#d4d4d5",
+
+        "header-foreground": "#F7F7F7",
+        "foreground": "#15141A",
+        "gentle": "#5B5B66",
+
+        "primary": "#0e91f5",
+        "secondary": "#d4d4d5",
+        "teritary": "#FFFFFF",
+
+        "secondary-bright": "#FFFFFF",
+
+        "success": "#23c841",
+        "dangerous": "#f12c2c",
+        "warning": "#fdc202",
+
+        "rank-gold": "#fdc202",
+        "rank-silver": "#F2F2F2",
+        "rank-bronze": "#FF8845",
+        "rank-other": "#d4d4d5",
+
+        "api-retrieve": "#23c841",
+        "api-remove": "#f12c2c",
+        "api-push": "#0e91f5"
       }
     })
   ],