sidebar, sryling

.vitepress/config.mts

@@ -44,12 +44,32 @@ export default defineConfig({
     nav: [
       { text: "Glossary", link: "https://rentry.org/The-Piracy-Glossary" },
       { text: "Guides", link: "https://rentry.co/fmhy-guides" },
+      { text: "Backups", link: "https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/backups" },
+      { text: "Updates", link: "https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/updates/" },
     ],
     sidebar: [
-      { text: "Beginners Guide to Piracy", link: "/Beginners-Guide" },
+      { text: "<div class='i-twemoji-pirate-flag'></div>Beginners Guide to Piracy", link: "/Beginners-Guide" },
       { text: "Adblocking / Privacy", link: "/AdblockVPNGuide" },
       { text: "Artificial Intelligence", link: "/AI" },
-      { text: "Android / iOS", link: "Android-iOSGuide" },
+      { text: "Android / iOS", link: "/Android-iOSGuide" },
+      { text: "Movies / TV / Anime", link: "/VideoPiracyGuide" },
+      { text: "Music / Podcasts / Radio", link: "/AudioPiracyGuide" },
+      { text: "Gaming / Emulation", link: "/GamingPiracyGuide" },
+      { text: "Books / Comics / Manga", link: "/ReadingPiracyGuide" },
+      { text: "Downloading", link: "/DownloadPiracyGuide" },
+      { text: "Torrenting", link: "/TorrentPiracyGuide" },
+      { text: "Educational", link: "/EDUPiracyGuide" },
+      { text: "Tools", link: "/TOOLSGuide" },
+      { text: "Image Tools", link: "/img-tools" },
+      { text: "Developer Tools", link: "/DEVTools" },
+      { text: "Android / iOS", link: "/Android-iOSGuide" },
+      { text: "Linux / MacOS", link: "/LinuxGuide" },
+      { text: "Non-English", link: "/Non-English" },
+      { text: "Miscellaneous", link: "/MISCGuide" },
+      { text: "NSFW", link: "/NSFWPiracy" },
+      { text: "Unsafe Sites", link: "/UnsafeSites" },
+      { text: "Base64", link: "/base64" },
+      { text: "Storage", link: "/STORAGE" },
     ],
     socialLinks: [
       { icon: "github", link: "https://github.com/fmhy/FMHYEdit" },

.vitepress/theme/style.css

@@ -1,33 +1,29 @@
 :root {
-  --vp-c-brand: #7bc5e4;
+  /* Colors: Brand */
-  --vp-c-brand-light: #a4d5ec;
+  --vp-c-brand-1: #7bc5e4;
-  --vp-c-brand-lighter: #c4e2f2;
+  --vp-c-brand-2: #c4e2f2;
-  --vp-c-brand-lightest: #e1f0f8;
+  --vp-c-brand-3: #4882a7;
-  --vp-c-brand-dark: #4882a7;
+  --vp-c-brand-soft: #a4d5ec;
-  --vp-c-brand-darker: #36678c;
+
-  --vp-c-brand-dimm: rgba(123, 197, 228, 0.08);
+  /* Colors: Button */
-  --vp-button-brand-border: var(--vp-c-brand-light);
+  --vp-button-brand-bg: var(--vp-c-brand-1);
+  --vp-button-brand-border: var(--vp-c-brand-soft);
   --vp-button-brand-text: var(--vp-c-white);
-  --vp-button-brand-bg: var(--vp-c-brand);
+  --vp-button-brand-hover-border: var(--vp-c-brand-soft);
-  --vp-button-brand-hover-border: var(--vp-c-brand-light);
   --vp-button-brand-hover-text: var(--vp-c-white);
-  --vp-button-brand-hover-bg: var(--vp-c-brand-light);
+  --vp-button-brand-hover-bg: var(--vp-c-brand-soft);
-  --vp-button-brand-active-border: var(--vp-c-brand-light);
+  --vp-button-brand-active-border: var(--vp-c-brand-soft);
   --vp-button-brand-active-text: var(--vp-c-white);
   --vp-button-brand-active-bg: var(--vp-button-brand-bg);
-  --vp-custom-block-tip-border: var(--vp-c-brand);
+  --vp-button-alt-bg: #484848;
-  --vp-custom-block-tip-text: var(--vp-c-brand-darker);
+  --vp-button-alt-text: #f0eeee;
-  --vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
+  --vp-button-alt-hover-bg: #484848;
-  --vp-custom-block-tip-border: var(--vp-c-brand);
+  --vp-button-alt-hover-text: #f0eeee;
-  --vp-custom-block-tip-text: var(--vp-c-brand-lightest);
+
-  --vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
+  --vp-c-bg-elv: rgba(255, 255, 255, 0.7);
-  --vp-c-green-light: #16a891;
-  --vp-button-alt-bg: #f5f5f5;
-  --vp-button-alt-text: rgb(75, 85, 99);
-  --vp-button-alt-hover-bg: #efeeee;
-  --vp-button-alt-hover-text: rgb(75, 85, 99);
-  --vp-c-bg-nav: rgba(255, 255, 255, 0.7);
   --vp-c-bg-mark: rgb(232, 232, 232);
+
+  /* Colors: Custom Block */
   --vp-custom-block-info-bg: rgba(171, 210, 244, 0.05);
   --vp-custom-block-info-border: #60c4fa;
   --vp-custom-block-info-text: rgb(39, 115, 145);
@@ -47,15 +43,12 @@
 }
 
 .dark {
+  /* Colors: Background */
   --vp-c-bg: rgb(26, 26, 26);
   --vp-c-bg-alt: rgb(23, 23, 23);
-  --vp-c-bg-nav: rgba(23, 23, 23, 0.8);
+  --vp-c-bg-elv: rgba(23, 23, 23, 0.8);
-  --vp-c-bg-mark: rgb(0, 0, 0);
+
-  --vp-button-brand-bg: var(--vp-c-brand-dark);
+  /* Colors: Custom Block */
-  --vp-button-alt-bg: #484848;
-  --vp-button-alt-text: #f0eeee;
-  --vp-button-alt-hover-bg: #484848;
-  --vp-button-alt-hover-text: #f0eeee;
   --vp-custom-block-info-bg: rgba(84, 110, 155, 0.1);
   --vp-custom-block-info-border: #3686b1;
   --vp-custom-block-info-text: #52b0e3;
@@ -75,7 +68,7 @@
 }
 
 .vp-doc a {
-  color: var(--vp-c-brand);
+  color: var(--vp-c-brand-1);
   text-decoration: underline;
   text-underline-offset: 4px;
   text-decoration-style: solid;
@@ -85,15 +78,14 @@
 }
 
 .vp-doc a:hover {
-  color: var(--vp-c-brand);
+  color: var(--vp-c-brand-1);
-  text-decoration-color: var(--vp-c-brand);
+  text-decoration-color: var(--vp-c-brand-1);
-  -webkit-text-decoration-color: var(--vp-c-brand);
+  -webkit-text-decoration-color: var(--vp-c-brand-1);
 }
 
 /**
  * Component: Home
- * -------------------------------------------------------------------------- */
+*/
-
 :root {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4);
@@ -113,14 +105,3 @@
     --vp-home-hero-image-filter: blur(68px);
   }
 }
-
-/**
- * Component: Custom Block
- * -------------------------------------------------------------------------- */
-
-:root {
-  --vp-custom-block-tip-border: transparent;
-  --vp-custom-block-tip-text: var(--vp-c-text-1);
-  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
-  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
-}