valaxy-theme-hairy 1.0.1 → 1.0.2

package/styles/css-vars.scss

@@ -1,172 +1,172 @@
-:root {
-  --hy-c-primary: #1bc9a6;
-  --hy-c-primary-light: #14d6af;
-  --hy-c-primary-lighter: #15e8be;
-  --hy-c-primary-dark: #1aaa8d;
-  --hy-c-primary-darker: #0b755f;
-  --hy-c-primary-dimm-1: rgba(27, 201, 166, 0.5);
-  --hy-c-primary-dimm-2: rgba(27, 201, 166, 0.25);
-  --hy-c-primary-dimm-3: rgba(27, 201, 166, 0.05);
-
-  --hy-c-black: #1a1a1a;
-  --hy-c-black-pure: #000000;
-  --hy-c-black-soft: #242424;
-  --hy-c-black-mute: #2f2f2f;
-
-  --hy-c-white: #ffffff;
-  --hy-c-white-soft: #f9f9f9;
-  --hy-c-white-mute: #f1f1f1;
-
-  --hy-c-gray: #8e8e8e;
-  --hy-c-gray-light-1: #aeaeae;
-  --hy-c-gray-light-2: #c7c7c7;
-  --hy-c-gray-light-3: #d1d1d1;
-  --hy-c-gray-light-4: #e5e5e5;
-  --hy-c-gray-light-5: #f2f2f2;
-  --hy-c-gray-dark-1: #636363;
-  --hy-c-gray-dark-2: #484848;
-  --hy-c-gray-dark-3: #3a3a3a;
-  --hy-c-gray-dark-4: #282828;
-  --hy-c-gray-dark-5: #202020;
-
-  --hy-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --hy-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --hy-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --hy-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --hy-c-text-light-1: var(--hy-c-indigo);
-  --hy-c-text-light-2: rgba(60, 60, 60, 0.70);
-  --hy-c-text-light-3: rgba(60, 60, 60, 0.33);
-  --hy-c-text-light-4: rgba(60, 60, 60, 0.18);
-
-  --hy-c-text-dark-1: rgba(255, 255, 255, 0.87);
-  --hy-c-text-dark-2: rgba(235, 235, 235, 0.60);
-  --hy-c-text-dark-3: rgba(235, 235, 235, 0.38);
-  --hy-c-text-dark-4: rgba(235, 235, 235, 0.18);
-
-  --hy-c-indigo: #213547;
-  --hy-c-indigo-soft: #476582;
-  --hy-c-indigo-light: #aac8e4;
-  --hy-c-indigo-lighter: #c9def1;
-  --hy-c-indigo-dark: #1d2f3f;
-  --hy-c-indigo-darker: #14212e;
-
-  --va-c-bg: #fafafa;
-}
-
-.dark {
-  --hy-c-primary: #8fe6d5;
-  --hy-c-primary-light: #a8ffee;
-  --hy-c-primary-lighter: #bafef1;
-  --hy-c-primary-dark: #66ccb8;
-  --hy-c-primary-darker: #24a188;
-  --hy-c-primary-dimm-1: rgba(143, 230, 213, 0.5);
-  --hy-c-primary-dimm-2: rgba(143, 230, 213, 0.25);
-  --hy-c-primary-dimm-3: rgba(143, 230, 213, 0.05);
-  --va-c-bg: #1b1b1f;
-}
-
-
-:root {
-  --hy-c-waves-dimm: var(--va-c-bg);
-  --hy-c-waves-dimm-1: rgba(255, 255, 255, 0.7);
-  --hy-c-waves-dimm-2: rgba(255, 255, 255, 0.5);
-  --hy-c-waves-dimm-3: rgba(255, 255, 255, 0.3);
-}
-
-.dark {
-  --hy-c-waves-dimm-1: rgba(34, 34, 34, 0.7);
-  --hy-c-waves-dimm-2: rgba(34, 34, 34, 0.5);
-  --hy-c-waves-dimm-3: rgba(34, 34, 34, 0.3);
-}
-
-/**
- * Typography
- * -------------------------------------------------------------------------- */
-
-:root {
-  --hy-font-family-seto: Seto;
-  --hy-font-family-modesty: Modesty;
-  --hy-font-family-christmas: MountainsofChristmas;
-  --hy-font-family-frederick: FrederickatheGreat;
-}
-
-/**
- * Colors Theme
- * -------------------------------------------------------------------------- */
-
-:root {
-  --hy-c-bg: var(--hy-c-white);
-  --hy-c-bg-soft: var(--hy-c-white-soft);
-  --hy-c-bg-mute: var(--hy-c-white-mute);
-  --hy-c-bg-alt: var(--hy-c-white-soft);
-
-  --hy-c-divider: var(--hy-c-divider-light-1);
-  --hy-c-divider-light: var(--hy-c-divider-light-2);
-
-  --hy-c-divider-inverse: var(--hy-c-divider-dark-1);
-  --hy-c-divider-inverse-light: var(--hy-c-divider-dark-2);
-
-  --hy-c-text-1: var(--hy-c-text-light-1);
-  --hy-c-text-2: var(--hy-c-text-light-2);
-  --hy-c-text-3: var(--hy-c-text-light-3);
-  --hy-c-text-4: var(--hy-c-text-light-4);
-
-  --hy-c-text-inverse-1: var(--hy-c-text-dark-1);
-  --hy-c-text-inverse-2: var(--hy-c-text-dark-2);
-  --hy-c-text-inverse-3: var(--hy-c-text-dark-3);
-  --hy-c-text-inverse-4: var(--hy-c-text-dark-4);
-
-  --hy-c-text-code: var(--hy-c-indigo-soft);
-
-  --hy-c-brand: var(--hy-c-primary);
-  --hy-c-brand-light: var(--hy-c-primary-light);
-  --hy-c-brand-lighter: var(--hy-c-primary-lighter);
-  --hy-c-brand-dark: var(--hy-c-primary-dark);
-  --hy-c-brand-darker: var(--hy-c-primary-darker);
-
-  --va-c-brand: var(--hy-c-brand);
-
-  --hy-c-sponsor: #fd1d7c;
-}
-
-.dark {
-  --hy-c-bg: var(--hy-c-black-soft);
-  --hy-c-bg-soft: var(--hy-c-black-mute);
-  --hy-c-bg-mute: var(--hy-c-gray-dark-3);
-  --hy-c-bg-alt: var(--hy-c-black);
-
-  --hy-c-divider: var(--hy-c-divider-dark-1);
-  --hy-c-divider-light: var(--hy-c-divider-dark-2);
-
-  --hy-c-divider-inverse: var(--hy-c-divider-light-1);
-  --hy-c-divider-inverse-light: var(--hy-c-divider-light-2);
-
-  --hy-c-text-1: var(--hy-c-text-dark-1);
-  --hy-c-text-2: var(--hy-c-text-dark-2);
-  --hy-c-text-3: var(--hy-c-text-dark-3);
-  --hy-c-text-4: var(--hy-c-text-dark-4);
-
-  --hy-c-text-inverse-1: var(--hy-c-text-light-1);
-  --hy-c-text-inverse-2: var(--hy-c-text-light-2);
-  --hy-c-text-inverse-3: var(--hy-c-text-light-3);
-  --hy-c-text-inverse-4: var(--hy-c-text-light-4);
-
-  --hy-c-text-code: var(--hy-c-indigo-lighter);
-}
-
-:root {
-  --va-c-primary-light: var(--hy-c-primary-light);
-  --va-c-primary-lighter: var(--hy-c-primary-lighter);
-  --va-c-primary-dark: var(--hy-c-primary-dark);
-  --va-c-primary: var(--hy-c-primary);
-}
-
-/**
- * element-plus Theme
- * -------------------------------------------------------------------------- */
-
-:root {
-  --el-color-primary: var(--hy-c-primary) !important;
-  --el-text-color-primary: var(--hy-c-text-2) !important;
+:root {
+  --hy-c-primary: #1bc9a6;
+  --hy-c-primary-light: #14d6af;
+  --hy-c-primary-lighter: #15e8be;
+  --hy-c-primary-dark: #1aaa8d;
+  --hy-c-primary-darker: #0b755f;
+  --hy-c-primary-dimm-1: rgba(27, 201, 166, 0.5);
+  --hy-c-primary-dimm-2: rgba(27, 201, 166, 0.25);
+  --hy-c-primary-dimm-3: rgba(27, 201, 166, 0.05);
+
+  --hy-c-black: #1a1a1a;
+  --hy-c-black-pure: #000000;
+  --hy-c-black-soft: #242424;
+  --hy-c-black-mute: #2f2f2f;
+
+  --hy-c-white: #ffffff;
+  --hy-c-white-soft: #f9f9f9;
+  --hy-c-white-mute: #f1f1f1;
+
+  --hy-c-gray: #8e8e8e;
+  --hy-c-gray-light-1: #aeaeae;
+  --hy-c-gray-light-2: #c7c7c7;
+  --hy-c-gray-light-3: #d1d1d1;
+  --hy-c-gray-light-4: #e5e5e5;
+  --hy-c-gray-light-5: #f2f2f2;
+  --hy-c-gray-dark-1: #636363;
+  --hy-c-gray-dark-2: #484848;
+  --hy-c-gray-dark-3: #3a3a3a;
+  --hy-c-gray-dark-4: #282828;
+  --hy-c-gray-dark-5: #202020;
+
+  --hy-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --hy-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --hy-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --hy-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --hy-c-text-light-1: var(--hy-c-indigo);
+  --hy-c-text-light-2: rgba(60, 60, 60, 0.70);
+  --hy-c-text-light-3: rgba(60, 60, 60, 0.33);
+  --hy-c-text-light-4: rgba(60, 60, 60, 0.18);
+
+  --hy-c-text-dark-1: rgba(255, 255, 255, 0.87);
+  --hy-c-text-dark-2: rgba(235, 235, 235, 0.60);
+  --hy-c-text-dark-3: rgba(235, 235, 235, 0.38);
+  --hy-c-text-dark-4: rgba(235, 235, 235, 0.18);
+
+  --hy-c-indigo: #213547;
+  --hy-c-indigo-soft: #476582;
+  --hy-c-indigo-light: #aac8e4;
+  --hy-c-indigo-lighter: #c9def1;
+  --hy-c-indigo-dark: #1d2f3f;
+  --hy-c-indigo-darker: #14212e;
+
+  --va-c-bg: #fafafa;
+}
+
+.dark {
+  --hy-c-primary: #8fe6d5;
+  --hy-c-primary-light: #a8ffee;
+  --hy-c-primary-lighter: #bafef1;
+  --hy-c-primary-dark: #66ccb8;
+  --hy-c-primary-darker: #24a188;
+  --hy-c-primary-dimm-1: rgba(143, 230, 213, 0.5);
+  --hy-c-primary-dimm-2: rgba(143, 230, 213, 0.25);
+  --hy-c-primary-dimm-3: rgba(143, 230, 213, 0.05);
+  --va-c-bg: #1b1b1f;
+}
+
+
+:root {
+  --hy-c-waves-dimm: var(--va-c-bg);
+  --hy-c-waves-dimm-1: rgba(255, 255, 255, 0.7);
+  --hy-c-waves-dimm-2: rgba(255, 255, 255, 0.5);
+  --hy-c-waves-dimm-3: rgba(255, 255, 255, 0.3);
+}
+
+.dark {
+  --hy-c-waves-dimm-1: rgba(34, 34, 34, 0.7);
+  --hy-c-waves-dimm-2: rgba(34, 34, 34, 0.5);
+  --hy-c-waves-dimm-3: rgba(34, 34, 34, 0.3);
+}
+
+/**
+ * Typography
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --hy-font-family-seto: Seto;
+  --hy-font-family-modesty: Modesty;
+  --hy-font-family-christmas: MountainsofChristmas;
+  --hy-font-family-frederick: FrederickatheGreat;
+}
+
+/**
+ * Colors Theme
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --hy-c-bg: var(--hy-c-white);
+  --hy-c-bg-soft: var(--hy-c-white-soft);
+  --hy-c-bg-mute: var(--hy-c-white-mute);
+  --hy-c-bg-alt: var(--hy-c-white-soft);
+
+  --hy-c-divider: var(--hy-c-divider-light-1);
+  --hy-c-divider-light: var(--hy-c-divider-light-2);
+
+  --hy-c-divider-inverse: var(--hy-c-divider-dark-1);
+  --hy-c-divider-inverse-light: var(--hy-c-divider-dark-2);
+
+  --hy-c-text-1: var(--hy-c-text-light-1);
+  --hy-c-text-2: var(--hy-c-text-light-2);
+  --hy-c-text-3: var(--hy-c-text-light-3);
+  --hy-c-text-4: var(--hy-c-text-light-4);
+
+  --hy-c-text-inverse-1: var(--hy-c-text-dark-1);
+  --hy-c-text-inverse-2: var(--hy-c-text-dark-2);
+  --hy-c-text-inverse-3: var(--hy-c-text-dark-3);
+  --hy-c-text-inverse-4: var(--hy-c-text-dark-4);
+
+  --hy-c-text-code: var(--hy-c-indigo-soft);
+
+  --hy-c-brand: var(--hy-c-primary);
+  --hy-c-brand-light: var(--hy-c-primary-light);
+  --hy-c-brand-lighter: var(--hy-c-primary-lighter);
+  --hy-c-brand-dark: var(--hy-c-primary-dark);
+  --hy-c-brand-darker: var(--hy-c-primary-darker);
+
+  --va-c-brand: var(--hy-c-brand);
+
+  --hy-c-sponsor: #fd1d7c;
+}
+
+.dark {
+  --hy-c-bg: var(--hy-c-black-soft);
+  --hy-c-bg-soft: var(--hy-c-black-mute);
+  --hy-c-bg-mute: var(--hy-c-gray-dark-3);
+  --hy-c-bg-alt: var(--hy-c-black);
+
+  --hy-c-divider: var(--hy-c-divider-dark-1);
+  --hy-c-divider-light: var(--hy-c-divider-dark-2);
+
+  --hy-c-divider-inverse: var(--hy-c-divider-light-1);
+  --hy-c-divider-inverse-light: var(--hy-c-divider-light-2);
+
+  --hy-c-text-1: var(--hy-c-text-dark-1);
+  --hy-c-text-2: var(--hy-c-text-dark-2);
+  --hy-c-text-3: var(--hy-c-text-dark-3);
+  --hy-c-text-4: var(--hy-c-text-dark-4);
+
+  --hy-c-text-inverse-1: var(--hy-c-text-light-1);
+  --hy-c-text-inverse-2: var(--hy-c-text-light-2);
+  --hy-c-text-inverse-3: var(--hy-c-text-light-3);
+  --hy-c-text-inverse-4: var(--hy-c-text-light-4);
+
+  --hy-c-text-code: var(--hy-c-indigo-lighter);
+}
+
+:root {
+  --va-c-primary-light: var(--hy-c-primary-light);
+  --va-c-primary-lighter: var(--hy-c-primary-lighter);
+  --va-c-primary-dark: var(--hy-c-primary-dark);
+  --va-c-primary: var(--hy-c-primary);
+}
+
+/**
+ * element-plus Theme
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --el-color-primary: var(--hy-c-primary) !important;
+  --el-text-color-primary: var(--hy-c-text-2) !important;
 }

package/styles/element-plus/index.scss

@@ -1,2 +1,2 @@
-@import "./timeline.scss";
+@import "./timeline.scss";
 @import "./tabs.scss";

package/styles/element-plus/tabs.scss

@@ -1,26 +1,26 @@
-.el-tabs__nav-wrap::after {
-  @apply bg-gray-200;
-}
-
-.dark .el-tabs__nav-wrap::after {
-  @apply bg-gray-500;
-}
-
-.el-tabs {
-
-  .el-tabs__active-bar,
-  .el-tabs__nav-wrap::after {
-    height: 1px;
-  }
-
-  .el-tabs__item {
-    // @apply transition-colors;
-    padding: 0 10px;
-  }
-
-  .el-tabs__nav-scroll {
-    display: flex;
-    justify-content: center;
-  }
-
+.el-tabs__nav-wrap::after {
+  @apply bg-gray-200;
+}
+
+.dark .el-tabs__nav-wrap::after {
+  @apply bg-gray-500;
+}
+
+.el-tabs {
+
+  .el-tabs__active-bar,
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+  }
+
+  .el-tabs__item {
+    // @apply transition-colors;
+    padding: 0 10px;
+  }
+
+  .el-tabs__nav-scroll {
+    display: flex;
+    justify-content: center;
+  }
+
 }

package/styles/element-plus/timeline.scss

@@ -1,19 +1,19 @@
-.el-timeline {
-  .el-timeline-item__content {
-    display: inline-block;
-    color: var(--va-c-text) !important;
-    line-height: 1;
-    font-size: 1.5rem;
-
-    @media (max-width: 1200px) {
-      font-size: 1.3rem;
-    }
-  }
-
-  .el-timeline-item__wrapper {}
-
-  .el-timeline-item__node--normal,
-  .el-timeline-item__tail {
-    top: 4px;
-  }
+.el-timeline {
+  .el-timeline-item__content {
+    display: inline-block;
+    color: var(--va-c-text) !important;
+    line-height: 1;
+    font-size: 1.5rem;
+
+    @media (max-width: 1200px) {
+      font-size: 1.3rem;
+    }
+  }
+
+  .el-timeline-item__wrapper {}
+
+  .el-timeline-item__node--normal,
+  .el-timeline-item__tail {
+    top: 4px;
+  }
 }

package/styles/font-face.scss

@@ -1,20 +1,20 @@
-@font-face {
-  font-family: "MountainsofChristmas";
-  src: url('./fonts/MountainsofChristmas-Bold.ttf'),
-    url('./fonts/MountainsofChristmas-Regular.ttf')
-}
-
-@font-face {
-  font-family: "FrederickatheGreat";
-  src: url('./fonts/FrederickatheGreat.ttf')
-}
-
-@font-face {
-  font-family: "Modesty";
-  src: url('./fonts/Modesty.ttf')
-}
-
-// @font-face {
-//   font-family: "Seto";
-//   src: url('./fonts/Seto.ttf')
+@font-face {
+  font-family: "MountainsofChristmas";
+  src: url('./fonts/MountainsofChristmas-Bold.ttf'),
+    url('./fonts/MountainsofChristmas-Regular.ttf')
+}
+
+@font-face {
+  font-family: "FrederickatheGreat";
+  src: url('./fonts/FrederickatheGreat.ttf')
+}
+
+@font-face {
+  font-family: "Modesty";
+  src: url('./fonts/Modesty.ttf')
+}
+
+// @font-face {
+//   font-family: "Seto";
+//   src: url('./fonts/Seto.ttf')
 // }

package/styles/global.scss

@@ -1,39 +1,39 @@
-html {
-  color: var(--va-c-text);
-}
-
-body {
-  font-family: var(--hy-font-family-seto);
-  color: var(--va-c-text);
-  background-color: var(--va-c-bg);
-}
-
-html,
-body {
-  scroll-behavior: smooth;
-}
-
-a {
-  color: var(--hy-c-primary);
-  font-weight: 500;
-}
-
-
-@media (min-width: 1200px) {
-  .breakpoint {
-    width: 72.5rem
-  }
-}
-
-@media (max-width: 1200px) {
-  .breakpoint {
-    padding-left: .5rem;
-    padding-right: .5rem
-  }
-}
-
-@media (min-width: 1600px) {
-  .breakpoint {
-    width: 75vw
-  }
+html {
+  color: var(--va-c-text);
+}
+
+body {
+  font-family: var(--hy-font-family-seto);
+  color: var(--va-c-text);
+  background-color: var(--va-c-bg);
+}
+
+html,
+body {
+  scroll-behavior: smooth;
+}
+
+a {
+  color: var(--hy-c-primary);
+  font-weight: 500;
+}
+
+
+@media (min-width: 1200px) {
+  .breakpoint {
+    width: 72.5rem
+  }
+}
+
+@media (max-width: 1200px) {
+  .breakpoint {
+    padding-left: .5rem;
+    padding-right: .5rem
+  }
+}
+
+@media (min-width: 1600px) {
+  .breakpoint {
+    width: 75vw
+  }
 }

package/styles/index.scss

@@ -1,4 +1,4 @@
-@use './font-face' as *;
-@use './global' as *;
-@use './components' as *;
+@use './font-face' as *;
+@use './global' as *;
+@use './components' as *;
 @use './element-plus' as *;

package/tsconfig.json

@@ -1,27 +1,27 @@
-{
-  // we need tsconfig.json to compile without
-  // error: This is likely not portable. A type annotation is necessary.
-  "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "lib": ["DOM", "ESNext"],
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "types": [
-      "vite/client",
-      "vue/ref-macros",
-      "vite-plugin-pages/client",
-      "vite-plugin-vue-layouts/client"
-    ],
-    "allowJs": true,
-    "strict": true,
-    "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true
-  },
-  "exclude": ["**/dist/**", "node_modules"]
-}
+{
+  // we need tsconfig.json to compile without
+  // error: This is likely not portable. A type annotation is necessary.
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "preserve",
+    "lib": ["DOM", "ESNext"],
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "types": [
+      "vite/client",
+      "vue/ref-macros",
+      "vite-plugin-pages/client",
+      "vite-plugin-vue-layouts/client"
+    ],
+    "allowJs": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true
+  },
+  "exclude": ["**/dist/**", "node_modules"]
+}