Aurora Lemon(讨论 | 贡献) 小无编辑摘要 |
Aurora Lemon(讨论 | 贡献) 无编辑摘要 |
||
(未显示同一用户的2个中间版本) | |||
第1行: | 第1行: | ||
:root { | :root { | ||
--font-family-citizen-base: "MiSans Latin"; | |||
--font-family-citizen-monospace: "JetBrains Mono"; | |||
--color-primary__h: 200; | --color-primary__h: 200; | ||
--color-primary__s: 55%; | --color-primary__s: 55%; | ||
第15行: | 第12行: | ||
--background-color-overlay: hsla(var(--color-primary__h), 3%, 98%, 0.95); | --background-color-overlay: hsla(var(--color-primary__h), 3%, 98%, 0.95); | ||
--background-color-overlay--lighter: hsla(var(--color-primary__h), 3%, 98%, 0.6); | --background-color-overlay--lighter: hsla(var(--color-primary__h), 3%, 98%, 0.6); | ||
--h2-font-family: "MiSans", "HarmonyOS Sans SC", "Helvetica Neue", "Helvetica", "Roboto | } | ||
-- | |||
:root { | |||
--h2-font-family: "MiSans", "HarmonyOS Sans SC", "MiSans Latin", "Helvetica Neue", "Helvetica", "Roboto", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; | |||
--citizen-default-color: hsl(220, 60%, 50%); | |||
--h2-color-light: var(--color-primary__h), 3%, 98%; | --h2-color-light: var(--color-primary__h), 3%, 98%; | ||
--h2-color-dark: var(--color-primary__h), 20%, 10%; | --h2-color-dark: var(--color-primary__h), 20%, 10%; | ||
} | } | ||
第45行: | 第44行: | ||
--h2-color-light: var(--color-primary__h), 20%, 10%; | --h2-color-light: var(--color-primary__h), 20%, 10%; | ||
--h2-color-dark: var(--color-primary__h), 3%, 98%; | --h2-color-dark: var(--color-primary__h), 3%, 98%; | ||
--h2-mp-card-hover--0: hsl(204, 70%, 58%); | |||
} | |||
::selection { | |||
background: hsla(180, 64%, 73%, .5); | |||
color: #32bdcd; | |||
} | } | ||
第62行: | 第67行: | ||
@font-face { | @font-face { | ||
font-family: " | font-family: "MiSans Latin"; | ||
src: url("https:// | src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/MiSans_Latin.woff2") format('woff2'); | ||
} | } | ||
2024年4月5日 (五) 12:56的最新版本
:root {
--font-family-citizen-base: "MiSans Latin";
--font-family-citizen-monospace: "JetBrains Mono";
--color-primary__h: 200;
--color-primary__s: 55%;
--color-primary__l: 48%;
--color-surface-0: hsl(var(--color-primary__h), 3%, 98%);
--color-surface-1: hsl(var(--color-primary__h), 3%, 98%);
--color-surface-2: hsl(var(--color-primary__h), 10%, 95%);
--color-surface-3: hsl(var(--color-primary__h), 10%, 85%);
--color-surface-4: hsl(var(--color-primary__h), 10%, 74%);
--background-color-overlay: hsla(var(--color-primary__h), 3%, 98%, 0.95);
--background-color-overlay--lighter: hsla(var(--color-primary__h), 3%, 98%, 0.6);
}
:root {
--h2-font-family: "MiSans", "HarmonyOS Sans SC", "MiSans Latin", "Helvetica Neue", "Helvetica", "Roboto", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
--citizen-default-color: hsl(220, 60%, 50%);
--h2-color-light: var(--color-primary__h), 3%, 98%;
--h2-color-dark: var(--color-primary__h), 20%, 10%;
}
:root {
--h2-bgColor-light--0: hsla(var(--h2-color-light), .1);
--h2-bgColor-light--0-active: hsla(var(--h2-color-light), .05);
--h2-bgColor-light--1: hsla(var(--h2-color-light), .3);
--h2-bgColor-light--2: hsla(var(--h2-color-light), .6);
--h2-bgColor-light--2-hover: hsla(var(--h2-color-light), .5);
--h2-bgColor-light--3: hsla(var(--h2-color-light), .75);
--h2-bgColor-light--4: hsla(var(--h2-color-light), .9);
--h2-bgColor-dark--0: hsla(var(--h2-color-dark), .1);
--h2-bgColor-dark--1: hsla(var(--h2-color-dark), .3);
--h2-bgColor-dark--2: hsla(var(--h2-color-dark), .6);
--h2-shadow--0: 2px 2px 4px 1px rgba(0, 0, 0, .04), -2px -2px 6px 0px rgba(0, 0, 0, .03);
--h2-textShadow--0: 1px 1px 2px #a9a9a9;
--h2-textShadow--1: 1px 1px 2px #545454;
--h2-mp-card-hover--0: hsl(204, 100%, 88%);
--h2-mp-card--border-radius: 10px;
--h2-mp-card--padding: 15px;
--h2-mp-gap-value: 0.625rem;
}
:root.skin-citizen-dark {
--h2-color-light: var(--color-primary__h), 20%, 10%;
--h2-color-dark: var(--color-primary__h), 3%, 98%;
--h2-mp-card-hover--0: hsl(204, 70%, 58%);
}
::selection {
background: hsla(180, 64%, 73%, .5);
color: #32bdcd;
}
body {
font-family: var(--h2-font-family);
}
@font-face {
font-family: "Site Wordmark Font";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Site_Wordmark_Font.woff2") format('woff2');
}
@font-face {
font-family: "JetBrains Mono";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/JetBrains_Mono.woff2") format('woff2');
}
@font-face {
font-family: "MiSans Latin";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/MiSans_Latin.woff2") format('woff2');
}
@font-face {
font-family: "Oswald";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Oswald_Regular.woff2") format('woff2');
}