a

Author: bagusnl

home/.vitepress/theme/style.css

@@ -93,22 +93,39 @@
 :root {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
-    120deg,
-    #bd34fe 30%,
+    45deg,
+    #acd51f 5%,
     #41d1ff
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
-    -45deg,
+    60deg,
     #bd34fe 50%,
     #47caff 50%
   );
   --vp-home-hero-image-filter: blur(44px);
 }
 
+/* Light mode - no worky pls help*/
+@media (prefers-color-scheme: light) {
+  :root {
+    --vp-home-hero-name-background: -webkit-linear-gradient(
+      45deg,
+      #ff9a9e 5%,
+      #fad0c4
+    );
+
+    --vp-home-hero-image-background-image: linear-gradient(
+      60deg,
+      #f6d365 50%,
+      #fda085 50%
+    );
+  }
+}
+
 @media (min-width: 640px) {
   :root {
-    --vp-home-hero-image-filter: blur(56px);
+    --vp-home-hero-image-filter: blur(120px);
   }
 }
 
@@ -138,17 +155,17 @@
 }
 
 :root {
-  --vp-layout-max-width: 1920px;
+  --vp-layout-max-width: 2200px;
 }
 
 .VPDoc:not(.has-sidebar) .container {
-  max-width: 1584px !important;
+  max-width: 1600px !important;
 }
 
 .VPDoc:not(.has-sidebar) .content {
-  max-width: 1264px !important;
+  max-width: 1500px !important;
 }
 
 .VPDoc.has-aside .content-container {
-  max-width: 1168px !important;
+  max-width: 1300px !important;
 }

home/index.md

@@ -115,7 +115,7 @@ Free code signing provided by [SignPath.io], certificate by [SignPath Foundation
 [SignPath Foundation]:https://signpath.org
 [SignPath.io]:https://signpath.io
 
-## FOSSA Analysis For Key Projects
+## License Compliance Analysis For Key Projects
 <p align="center" style="vertical-align: top;">
     <a href="https://app.fossa.com/projects/git%2Bgithub.com%2FCollapseLauncher%2FCollapse?ref=badge_large&issueType=license" target="_blank" style="display: inline-block; vertical-align: top;">
         <img src="https://app.fossa.com/api/projects/git%2Bgithub.com%2FCollapseLauncher%2FCollapse.svg?type=large&issueType=license" alt="Collapse FOSSA Status" width=280/>

home/scripts/features.vue

@@ -49,6 +49,18 @@ export default {
         return {
             games
         };
+    },
+    mounted() {
+        this.setTooltipColors();
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', this.setTooltipColors);
+    },
+    methods: {
+        setTooltipColors() {
+            const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            document.documentElement.style.setProperty('--tooltip-bg-color', isDarkMode ? '#fff' : '#555');
+            document.documentElement.style.setProperty('--tooltip-text-color', isDarkMode ? '#000' : '#fff');
+            document.documentElement.style.setProperty('--tooltip-identifier-color', isDarkMode ? '#fff' : '#000');
+        }
     }
 };
 </script>
@@ -61,8 +73,10 @@ export default {
 .featureTable {
     width: 100%;
     overflow-x: auto;
-    max-width: 1200px;
+    max-width: 1500px;
     margin: 0 auto;
+    justify-self: center;
+    justify-content: center;
 }
 
 .legends {
@@ -75,6 +89,7 @@ export default {
     display: flex;
     justify-content: center;
     margin: 0 auto;
+    max-width: 1500px;
 }
 
 .featureTable table {
@@ -131,8 +146,8 @@ export default {
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 120px;
-    background-color: #555;
-    color: #fff;
+    background-color: var(--tooltip-bg-color, #555);
+    color: var(--tooltip-text-color, #fff);
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
@@ -153,6 +168,6 @@ export default {
 .tooltip sup {
     font-size: 0.6em;
     vertical-align: super;
-    color: #555;
+    color: var(--tooltip-identifier-color, #000); /* Default to black */
 }
 </style>