valaxy-theme-hairy 0.0.1

package/styles/font-face.scss

@@ -0,0 +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')
+}

package/styles/index.scss

@@ -0,0 +1,65 @@
+@import "./font-face.scss";
+@import "./markdown.scss";
+@import "./element-plus/index.scss";
+@import "./scrollbar.scss";
+
+body {
+  font-family: var(--hy-font-family-seto);
+  @apply transition-colors duration-200;
+}
+
+#app {
+  @apply transition-none;
+}
+
+a {
+  @apply transition-colors;
+  color: var(--hy-c-primary-light);
+
+  &:hover {
+    --un-text-opacity: 1;
+    color: var(--hy-c-primary-dark);
+  }
+}
+
+html,
+body {
+  scroll-behavior: smooth;
+}
+
+#nprogress {
+  pointer-events: none;
+
+  .bar {
+    top: 0;
+    // margin-top: -5px;
+    height: 5px;
+    opacity: 0.75;
+    background: var(--hy-c-primary);
+    position: fixed;
+    z-index: 1031;
+    left: 0;
+    width: 100%;
+    border-radius: 5px;
+  }
+}
+
+
+@media (min-width: 1200px) {
+  .breakpoint {
+    width: 72.5rem;
+  }
+}
+
+@media (max-width: 1200px) {
+  .breakpoint {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+}
+
+@media (min-width: 1600px) {
+  .breakpoint {
+    width: 75vw;
+  }
+}

package/styles/markdown.scss

@@ -0,0 +1,60 @@
+@use "valaxy/client/styles/mixins" as *;
+
+.markdown-body {
+  --c-toc-link: var(--hy-c-text-light);
+}
+
+html.dark {
+  .markdown-body {
+    --c-toc-link: var(--hy-c-text-dark);
+  }
+}
+
+.markdown-body {
+  word-wrap: break-word;
+
+  h2,
+  a {
+    color: var(--hy-c-primary);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--hy-font-serif);
+    font-weight: 900;
+  }
+
+  ul {
+    li>p {
+      margin-bottom: 0;
+    }
+  }
+}
+
+
+.markdown-body :not(pre)>code {
+  padding: 3px 6px;
+  font-size: 0.85rem;
+  color: var(--hy-c-text-code);
+  background: var(--hy-c-bg-mute);
+  border-radius: 3px;
+}
+
+.markdown-body div[class*=language-] pre {
+  max-width: calc(100vw - 56px);
+}
+
+
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::before,
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::after {
+  content: none !important;
+}
+
+.custom-block.tip {
+  background-color: rgba(200, 200, 200, 0.1);
+  border-color: var(--hy-c-primary);
+}

package/styles/scrollbar.scss

@@ -0,0 +1,26 @@
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 2px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: rgba(122, 122, 122, 0.3);
+
+  &:window-inactive {
+    background-color: rgba(122, 122, 122, 0.3);
+  }
+
+  &:hover {
+    background-color: rgba(#1bc9a6, 0.7);
+  }
+
+  &:active {
+    background-color: rgba(#1bc9a6, 0.9);
+  }
+}

package/unocss.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from 'unocss'
+const safelist = [
+  'i-ri:home-2-fill',
+]
+export default defineConfig({
+  theme: {
+    breakpoints: {
+      'sm': '640px',
+      'md': '768px',
+      'lg': '1024px',
+      'xl': '1280px',
+      '2xl': '1600px',
+    },
+  },
+
+  rules: [
+    ['font-seto', { 'font-family': 'var(--hy-font-family-seto)' }],
+    ['font-modesty', { 'font-family': 'var(--hy-font-family-modesty)' }],
+    ['font-christmas', { 'font-family': 'var(--hy-font-family-christmas)' }],
+    ['font-frederick', { 'font-family': 'var(--hy-font-family-frederick)' }],
+    ['text-primary', { color: 'var(--hy-c-primary)' }],
+    ['border-primary', { 'border-color': 'var(--hy-c-primary)' }],
+  ],
+  shortcuts: [
+    ['flex-center', 'flex justify-center items-center'],
+    ['inline-flex-center', 'inline-flex justify-center items-center'],
+  ],
+  safelist,
+})

package/utils/createContext.ts

@@ -0,0 +1,40 @@
+/*
+ * @Author: Mr'Mao https://github.com/TuiMao233
+ * @Date: 2022-02-09 10:56:30
+ * @LastEditors: Mr'Mao
+ * @LastEditTime: 2022-02-26 13:47:57
+ */
+
+import type { InjectionKey } from 'vue'
+import { inject, provide } from 'vue'
+
+/**
+ * 创建上下文
+ * @param key 控制器的 key
+ * @param callback 控制器注入的内容
+ * @returns
+ */
+export function createContext<T>(key: string, getter: () => T) {
+  const _key: InjectionKey<T> = Symbol(key)
+
+  const _provide = () => {
+    const controller = getter()
+    provide(_key, controller)
+    return controller
+  }
+
+  const _inject = () => {
+    const controller = inject(_key)
+    if (!controller)
+      throw new Error(`Please wrap the container in ${_key}`)
+
+    return controller
+  }
+
+  return {
+    key: _key,
+    provide: _provide,
+    inject: _inject,
+    getter,
+  }
+}

package/utils/index.ts

@@ -0,0 +1,28 @@
+/**
+ * 跳转到新的页面
+ * @param url 跳转url
+ */
+export const ejectWindow = (url: string) => {
+  const link = document.createElement('a')
+  link.href = url
+  link.target = '_blank'
+  link.click()
+  link.remove()
+}
+
+export const getArchiveLink = (year?: string, month?: string) => {
+  if (!year)
+    return '/archives/'
+  if (!month)
+    return `/archives/${year}`
+  if (month)
+    return `/archives/${year}/${month}`
+
+  return ''
+}
+
+export const toArr = <T>(arr: T[] | T): T[] => {
+  if (Array.isArray(arr))
+    return arr as any
+  else return [arr].filter(Boolean) as any
+}