mirror of
https://github.com/XTLS/Xray-docs-next.git
synced 2025-01-31 23:11:41 +03:00
Tweak dark mode
This commit is contained in:
parent
092ee395d8
commit
b640934b0f
@ -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;
|
||||||
|
@ -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%)};
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user