2023-07-07 19:22:30 +00:00
|
|
|
// Basic Dark theme
|
|
|
|
|
// It just provides the default colors, if
|
|
|
|
|
// no colors are specified, this isn't ever
|
|
|
|
|
// gonna be used directly
|
|
|
|
|
{
|
2023-07-23 13:31:28 +00:00
|
|
|
id: "light",
|
2023-07-07 19:22:30 +00:00
|
|
|
|
2023-07-23 13:31:28 +00:00
|
|
|
name: "Light",
|
|
|
|
|
author: "Calckey Contributors",
|
|
|
|
|
desc: "Default light theme",
|
|
|
|
|
kind: "light",
|
2023-07-07 19:22:30 +00:00
|
|
|
|
2023-07-23 13:31:28 +00:00
|
|
|
props: {
|
|
|
|
|
accent: "#86b300",
|
|
|
|
|
accentDarken: ":darken<10<@accent",
|
|
|
|
|
accentLighten: ":lighten<10<@accent",
|
|
|
|
|
accentedBg: ":alpha<0.15<@accent",
|
|
|
|
|
focus: ":alpha<0.3<@accent",
|
|
|
|
|
bg: "#fff",
|
|
|
|
|
acrylicBg: ":alpha<0.5<@bg",
|
|
|
|
|
fg: "#5f5f5f",
|
|
|
|
|
fgTransparentWeak: ":alpha<0.75<@fg",
|
|
|
|
|
fgTransparent: ":alpha<0.5<@fg",
|
|
|
|
|
fgHighlighted: ":darken<3<@fg",
|
|
|
|
|
fgOnAccent: "#fff",
|
|
|
|
|
divider: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
indicator: "@accent",
|
|
|
|
|
panel: ":lighten<3<@bg",
|
|
|
|
|
panelHighlight: ":darken<3<@panel",
|
|
|
|
|
panelHeaderBg: ":lighten<3<@panel",
|
|
|
|
|
panelHeaderFg: "@fg",
|
|
|
|
|
panelHeaderDivider: "rgba(0, 0, 0, 0)",
|
|
|
|
|
panelBorder: '" solid 1px var(--divider)',
|
|
|
|
|
acrylicPanel: ":alpha<0.5<@panel",
|
|
|
|
|
windowHeader: ":alpha<0.85<@panel",
|
|
|
|
|
popup: ":lighten<3<@panel",
|
|
|
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
header: ":alpha<0.7<@panel",
|
|
|
|
|
navBg: "@panel",
|
|
|
|
|
navFg: "@fg",
|
|
|
|
|
navHoverFg: ":darken<17<@fg",
|
|
|
|
|
navActive: "@accent",
|
|
|
|
|
navIndicator: "@indicator",
|
|
|
|
|
link: "#44a4c1",
|
|
|
|
|
hashtag: "#ff9156",
|
|
|
|
|
mention: "@accent",
|
|
|
|
|
mentionMe: "@mention",
|
|
|
|
|
renote: "#229e82",
|
|
|
|
|
modalBg: "rgba(0, 0, 0, 0.3)",
|
|
|
|
|
scrollbarHandle: "rgba(0, 0, 0, 0.2)",
|
|
|
|
|
scrollbarHandleHover: "rgba(0, 0, 0, 0.4)",
|
|
|
|
|
dateLabelFg: "@fg",
|
|
|
|
|
infoBg: "#e5f5ff",
|
|
|
|
|
infoFg: "#72818a",
|
|
|
|
|
infoWarnBg: "#fff0db",
|
|
|
|
|
infoWarnFg: "#8f6e31",
|
|
|
|
|
switchBg: "rgba(0, 0, 0, 0.15)",
|
|
|
|
|
cwBg: "#b1b9c1",
|
|
|
|
|
cwFg: "#fff",
|
|
|
|
|
cwHoverBg: "#bbc4ce",
|
|
|
|
|
buttonBg: "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
buttonHoverBg: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
buttonGradateA: "@accent",
|
|
|
|
|
buttonGradateB: ":hue<20<@accent",
|
|
|
|
|
swutchOffBg: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
swutchOffFg: "@panel",
|
|
|
|
|
swutchOnBg: "@accent",
|
|
|
|
|
swutchOnFg: "@fgOnAccent",
|
|
|
|
|
inputBorder: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
inputBorderHover: "rgba(0, 0, 0, 0.2)",
|
|
|
|
|
listItemHoverBg: "rgba(0, 0, 0, 0.03)",
|
|
|
|
|
driveFolderBg: ":alpha<0.3<@accent",
|
|
|
|
|
wallpaperOverlay: "rgba(255, 255, 255, 0.5)",
|
|
|
|
|
badge: "#31b1ce",
|
|
|
|
|
messageBg: "@bg",
|
|
|
|
|
success: "#86b300",
|
|
|
|
|
error: "#ec4137",
|
|
|
|
|
warn: "#ecb637",
|
|
|
|
|
codeString: "#b98710",
|
|
|
|
|
codeNumber: "#0fbbbb",
|
|
|
|
|
codeBoolean: "#62b70c",
|
|
|
|
|
htmlThemeColor: "@bg",
|
|
|
|
|
X2: ":darken<2<@panel",
|
|
|
|
|
X3: "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
X4: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
X5: "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
X6: "rgba(0, 0, 0, 0.25)",
|
|
|
|
|
X7: "rgba(0, 0, 0, 0.05)",
|
|
|
|
|
X8: ":lighten<5<@accent",
|
|
|
|
|
X9: ":darken<5<@accent",
|
|
|
|
|
X10: ":alpha<0.4<@accent",
|
|
|
|
|
X11: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
X12: "rgba(0, 0, 0, 0.1)",
|
|
|
|
|
X13: "rgba(0, 0, 0, 0.15)",
|
|
|
|
|
X14: ":alpha<0.5<@navBg",
|
|
|
|
|
X15: ":alpha<0<@panel",
|
|
|
|
|
X16: ":alpha<0.7<@panel",
|
|
|
|
|
X17: ":alpha<0.8<@bg",
|
|
|
|
|
},
|
2023-07-07 19:22:30 +00:00
|
|
|
}
|
