This commit is contained in:
syuilo 2018-09-27 19:14:35 +09:00
parent cc6af402be
commit 459b374d61
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
5 changed files with 54 additions and 31 deletions

View file

@ -7,6 +7,7 @@ type Theme = {
id: string; id: string;
name: string; name: string;
inherit: string; inherit: string;
vars: any;
}; };
} & { } & {
[key: string]: string; [key: string]: string;
@ -34,6 +35,22 @@ function compile(theme: Theme): { [key: string]: string } {
if (code[0] == '@') { if (code[0] == '@') {
return getColor(theme[code.substr(1)]); return getColor(theme[code.substr(1)]);
} }
if (code[0] == '$') {
return getColor(theme.meta.vars[code.substr(1)]);
}
// func
if (code[0] == ':') {
const parts = code.split('<');
const func = parts.shift().substr(1);
const arg = parseInt(parts.shift(), 10);
const color = getColor(parts.join('<'));
switch (func) {
case 'darken': return color.darken(arg);
case 'lighten': return color.lighten(arg);
}
}
return tinycolor(code); return tinycolor(code);
} }

View file

@ -71,9 +71,9 @@ export default define({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .anltbovirfeutcigvwgmgxipejaeozxi-body
padding 10px padding 10px
background isDark ? #253a50 : #f3f9ff background var(--announcementsBg)
&[data-melt] &[data-melt]
background transparent background transparent
@ -130,14 +130,14 @@ root(isDark)
margin 0 margin 0
font-size 0.95em font-size 0.95em
font-weight normal font-weight normal
color isDark ? #539eff : #4078c0 color var(--announcementsTitle)
> p > p
display block display block
z-index 1 z-index 1
margin 0 margin 0
font-size 0.7em font-size 0.7em
color isDark ? #fff : #57616f color var(--announcementsText)
&.fetching &.fetching
text-align center text-align center
@ -150,10 +150,4 @@ root(isDark)
> p > p
color #fff color #fff
.anltbovirfeutcigvwgmgxipejaeozxi-body[data-darkmode]
root(true)
.anltbovirfeutcigvwgmgxipejaeozxi-body:not([data-darkmode])
root(false)
</style> </style>

View file

@ -2,17 +2,21 @@
"meta": { "meta": {
"id": "9978f7f9-5616-44fd-a704-cc5985efdd63", "id": "9978f7f9-5616-44fd-a704-cc5985efdd63",
"name": "Dark", "name": "Dark",
"author": "syuilo" "author": "syuilo",
"vars": {
"primary": "#fb4e4e",
"secondary": "#282C37"
}
}, },
"primary": "#fb4e4e", "primary": "$primary",
"primaryForeground": "#fff", "primaryForeground": "#fff",
"bg": "#191b22", "bg": ":darken<8<$secondary",
"scrollbarTrack": "#282c37", "scrollbarTrack": "#282c37",
"scrollbarHandle": "#454954", "scrollbarHandle": "#454954",
"scrollbarHandleHover": "#535660", "scrollbarHandleHover": "#535660",
"face": "#282c37", "face": "$secondary",
"faceText": "#fff", "faceText": "#fff",
"faceHeader": "#313543", "faceHeader": ":lighten<5<$secondary",
"faceHeaderText": "#e3e5e8", "faceHeaderText": "#e3e5e8",
"faceDivider": "rgba(0, 0, 0, 0.3)", "faceDivider": "rgba(0, 0, 0, 0.3)",
"faceTextButton": "#9baec8", "faceTextButton": "#9baec8",
@ -20,7 +24,7 @@
"faceTextButtonActive": "#b2c1d5", "faceTextButtonActive": "#b2c1d5",
"faceClearButtonHover": "rgba(0, 0, 0, 0.1)", "faceClearButtonHover": "rgba(0, 0, 0, 0.1)",
"faceClearButtonActive": "rgba(0, 0, 0, 0.2)", "faceClearButtonActive": "rgba(0, 0, 0, 0.2)",
"popupBg": "#2c303c", "popupBg": ":lighten<5<$secondary",
"popupFg": "#d6dce2", "popupFg": "#d6dce2",
"subNoteBg": "rgba(0, 0, 0, 0.18)", "subNoteBg": "rgba(0, 0, 0, 0.18)",
"renoteGradient": "#314027", "renoteGradient": "#314027",
@ -54,6 +58,9 @@
"calendarWeek": "#43d5dc", "calendarWeek": "#43d5dc",
"calendarSaturdayOrSunday": "#ff6679", "calendarSaturdayOrSunday": "#ff6679",
"calendarDay": "#c5ced6", "calendarDay": "#c5ced6",
"announcementsBg": "#253a50",
"announcementsTitle": "#539eff",
"announcementsText": "#fff",
"desktopHeaderBg": "#313543", "desktopHeaderBg": "#313543",
"desktopHeaderFg": "#b8c5ca", "desktopHeaderFg": "#b8c5ca",
"desktopHeaderHoverFg": "#fff", "desktopHeaderHoverFg": "#fff",

View file

@ -3,18 +3,16 @@
"id": "42e4f09b-67d5-498c-af7d-29faa54745b0", "id": "42e4f09b-67d5-498c-af7d-29faa54745b0",
"name": "Halloween", "name": "Halloween",
"author": "syuilo", "author": "syuilo",
"inherit": "9978f7f9-5616-44fd-a704-cc5985efdd63" "inherit": "9978f7f9-5616-44fd-a704-cc5985efdd63",
"vars": {
"primary": "#d67036",
"primaryForeground": "#fff",
"secondary": "#1f1d30",
"text": "#b1bee3"
}
}, },
"primary": "#d67036",
"primaryForeground": "#fff",
"bg": "#1b1a35", "bg": "#1b1a35",
"face": "#322e44",
"faceHeader": "#36314e",
"dateDividerBg": "#26253c",
"popupBg": "@face",
"popupFg": "#d6dce2",
"renoteGradient": "#5d2d1a", "renoteGradient": "#5d2d1a",
"renoteText": "#ff6c00", "renoteText": "#ff6c00",
"reactionPickerButtonHoverBg": "rgba(0, 0, 0, 0.18)",
"desktopHeaderBg": "#36314e" "desktopHeaderBg": "#36314e"
} }

View file

@ -2,17 +2,21 @@
"meta": { "meta": {
"id": "406cfea3-a4e7-486c-9057-30ede1353c3f", "id": "406cfea3-a4e7-486c-9057-30ede1353c3f",
"name": "Light", "name": "Light",
"author": "syuilo" "author": "syuilo",
"vars": {
"primary": "#fb4e4e",
"secondary": "#fff"
}
}, },
"primary": "#fb4e4e", "primary": "$primary",
"primaryForeground": "#fff", "primaryForeground": "#fff",
"bg": "#f7f7f7", "bg": ":darken<8<$secondary",
"scrollbarTrack": "#fff", "scrollbarTrack": "#fff",
"scrollbarHandle": "#00000033", "scrollbarHandle": "#00000033",
"scrollbarHandleHover": "#00000066", "scrollbarHandleHover": "#00000066",
"face": "#fff", "face": "$secondary",
"faceText": "#444", "faceText": "#444",
"faceHeader": "#fff", "faceHeader": ":lighten<5<$secondary",
"faceHeaderText": "#888", "faceHeaderText": "#888",
"faceDivider": "rgba(0, 0, 0, 0.082)", "faceDivider": "rgba(0, 0, 0, 0.082)",
"faceTextButton": "#ccc", "faceTextButton": "#ccc",
@ -20,7 +24,7 @@
"faceTextButtonActive": "#999", "faceTextButtonActive": "#999",
"faceClearButtonHover": "rgba(0, 0, 0, 0.025)", "faceClearButtonHover": "rgba(0, 0, 0, 0.025)",
"faceClearButtonActive": "rgba(0, 0, 0, 0.05)", "faceClearButtonActive": "rgba(0, 0, 0, 0.05)",
"popupBg": "#fff", "popupBg": ":lighten<5<$secondary",
"popupFg": "#586069", "popupFg": "#586069",
"subNoteBg": "rgba(0, 0, 0, 0.01)", "subNoteBg": "rgba(0, 0, 0, 0.01)",
"renoteGradient": "#edfde2", "renoteGradient": "#edfde2",
@ -54,6 +58,9 @@
"calendarWeek": "#19a2a9", "calendarWeek": "#19a2a9",
"calendarSaturdayOrSunday": "#ef95a0", "calendarSaturdayOrSunday": "#ef95a0",
"calendarDay": "#777", "calendarDay": "#777",
"announcementsBg": "#f3f9ff",
"announcementsTitle": "#4078c0",
"announcementsText": "#57616f",
"desktopHeaderBg": "#f7f7f7", "desktopHeaderBg": "#f7f7f7",
"desktopHeaderFg": "#9eaba8", "desktopHeaderFg": "#9eaba8",
"desktopHeaderHoverFg": "#7b8c88", "desktopHeaderHoverFg": "#7b8c88",