purgatory/Xray-docs-next
1
0
Fork 0
mirror of https://github.com/XTLS/Xray-docs-next.git synced 2025-01-31 23:11:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tweak dark mode

Browse Source
This commit is contained in:
JimhHan 2021-04-08 20:58:14 +08:00
parent 092ee395d8
commit b640934b0f
No known key found for this signature in database
GPG Key ID: 48D5D7CF95157AC5
4 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/.vuepress/theme/styles/default/_color.scss
View File

@ -1,6 +1,6 @@
$accentLightColor: #2e73ea; $accentLightColor: #2e73ea;
$textLightColor: #2c3e50; $textLightColor: #2c3e50;
$borderLightColor: #eaecef; $borderLightColor: #d3d5d9;
$codeBgLightColor: #282c34; $codeBgLightColor: #282c34;
$arrowBgLightColor: #ccc; $arrowBgLightColor: #ccc;
$tipLightColor: #42b983; $tipLightColor: #42b983;
@ -18,9 +18,9 @@ $tableBackgroundLightColor: #f6f8fa;
$metaItemLightColor: #767676; $metaItemLightColor: #767676;
$dangerBgLightColor: #ffe6e6; $dangerBgLightColor: #ffe6e6;
$warningBgLightColor: rgba(255, 229, 100, 0.3); $warningBgLightColor: rgba(255, 229, 100, 0.3);
$miniCodeBgLightColor: rgba(27, 31, 35, 0.05); $miniCodeBgLightColor: rgba(95, 101, 106, 0.1);
$accentDarkColor: #2a6add; $accentDarkColor: #407ce8;
$textDarkColor: #c0bebe; $textDarkColor: #c0bebe;
$borderDarkColor: #4e4e4e; $borderDarkColor: #4e4e4e;
$codeBgDarkColor: #282c34; $codeBgDarkColor: #282c34;
@ -29,11 +29,11 @@ $tipDarkColor: #42b983;
$tipBackgroundDarkColor: #373a3f; $tipBackgroundDarkColor: #373a3f;
$warningDarkColor: #e7c000; $warningDarkColor: #e7c000;
$dangerDarkColor: #cc0000; $dangerDarkColor: #cc0000;
$badgeTipDarkColor: #1b4632; $badgeTipDarkColor: #18411a;
$badgeWarningDarkColor: #e4be04; $badgeWarningDarkColor: #e4be04;
$badgeDangerDarkColor: #b00606; $badgeDangerDarkColor: #b00606;
$backgroundDarkColor: #25272a; $backgroundDarkColor: #25272a;
$kbdBackgroundDarkColor: #444; $kbdBackgroundDarkColor: #3c3c3c;
$kbdBorderDarkColor: #666b6f; $kbdBorderDarkColor: #666b6f;
$tableBorderDarkColor: #666b6f; $tableBorderDarkColor: #666b6f;
$tableBackgroundDarkColor: #5b5b5b; $tableBackgroundDarkColor: #5b5b5b;

6
docs/.vuepress/theme/styles/default/_variables.scss
View File

@ -58,9 +58,9 @@ html {
--miniCodeBgColor: #{$miniCodeBgLightColor}; --miniCodeBgColor: #{$miniCodeBgLightColor};
--textColorLighten10: #{lighten($textLightColor, 10%)}; --textColorLighten10: #{lighten($textLightColor, 10%)};
--textColorLighten25: #{lighten($textLightColor, 23%)}; --textColorLighten25: #{lighten($textLightColor, 20%)};
--textColorLighten40: #{lighten($textLightColor, 40%)}; --textColorLighten40: #{lighten($textLightColor, 30%)};
--accentColorLighten8: #{lighten($accentLightColor, 8%)}; --accentColorLighten8: #{lighten($accentLightColor, 8%)};
--accentColorLighten10: #{lighten($accentLightColor, 10%)}; --accentColorLighten10: #{lighten($accentLightColor, 12%)};
--accentColorLighten30: #{lighten($accentLightColor, 30%)}; --accentColorLighten30: #{lighten($accentLightColor, 30%)};
} }

6
docs/.vuepress/theme/styles/default/home.scss
View File

@ -36,16 +36,16 @@
.feature { .feature {
h2 { h2 {
color: var(--textColorLighten25); color: var(--textColorLighten10);
} }
p { p {
color: var(--textColorLighten25); color: var(--textColorLighten10);
} }
} }
.footer { .footer {
border-top: 1px solid var(--borderColor); border-top: 1px solid var(--borderColor);
color: var(--textColorLighten25); color: var(--textColorLighten10);
} }
} }

5
docs/.vuepress/theme/styles/default/layout.scss
View File

@ -8,11 +8,12 @@
.sidebar { .sidebar {
background-color: var(--backgroundColor); background-color: var(--backgroundColor);
border-right: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor);
scrollbar-color: var(--accentColor) var(--borderColor); scrollbar-color: var(--accentColorLighten8) var(--borderColor);
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: var(--borderColor); background-color: var(--borderColor);
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: var(--accentColor); background-color: var(--accentColorLighten8);
} }
} }