CI/CD ready

.forgejo/workflows/deploy.yaml

@@ -6,15 +6,26 @@ on:
       - main
       - astra/ci
 
+
 jobs:
   deploy:
     name: Deploy
     runs-on: ubuntu-latest
 
     steps:
-      - name: Checkout repo
+      - name: Checkout main repo
         uses: actions/checkout@v4
 
+      - name: Checkout overrides repo
+        uses: actions/checkout@v4
+        with:
+          repository: scientific-witchery/pds-dash-overrides
+          token: ${{ secrets.OVERRIDES_TOKEN}}
+          path: overrides
+
+      - name: Copy config file to root
+        run: cp overrides/config.ts ./config.ts
+      
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:

src/App.svelte

@@ -9,6 +9,26 @@
 
   let posts: Post[] = [];
 
+  let hue: number = 1;
+  const cycleColors = async () => {
+    while (true) {  
+      hue += 1;
+      if (hue > 360) {
+        hue = 0;
+      }
+      document.documentElement.style.setProperty("--primary-h", hue.toString());
+      await new Promise((resolve) => setTimeout(resolve, 10));
+    }
+  }
+  let clickCounter = 0;
+  const carameldansenfusion = async () => {
+    clickCounter++;
+    if (clickCounter >= 10) {
+      clickCounter = 0;
+      cycleColors();
+    }
+  };
+
   onMount(() => {
     // Fetch initial posts
     getNextPosts().then((initialPosts) => {
@@ -39,7 +59,7 @@
       <p>Loading...</p>
     {:then accountsData}
       <div id="Account">
-        <h1 id="Header">ATProto PDS</h1>
+        <h1 onclick={carameldansenfusion} id="Header">ATProto PDS</h1>
         <p>Home to {accountsData.length} accounts</p>
         <div id="accountsList">
           {#each accountsData as accountObject}

themes/default/theme.css

@@ -2,7 +2,8 @@
 
 :root {
   /* Modern color palette */
-  --link-color: #4f46e5;
+  --primary-h: 243;
+  --link-color: hsl(var(--primary-h), 73%, 59%);
   --link-hover-color: #4338ca;
   --time-color: #8b5cf6;
   --background-color: #f8fafc;
@@ -342,7 +343,7 @@ h1 {
   font-size: 1.8em;
   margin-bottom: 16px;
   font-weight: 700;
-  background: linear-gradient(to right, #3b82f6, #8b5cf6);
+  background: linear-gradient(to right, var(--link-color), #8b5cf6);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;

themes/express/theme.css

@@ -234,6 +234,7 @@ a:hover {
   background-color: var(--header-background-color);
   padding: 0px;
   margin-bottom: 15px;
+  margin-right: 4px;
   border: 4px solid var(--border-color);
   box-shadow: var(--border-color) 10px 10px;
 }