2020-07-04 20:55:34 +02:00
|
|
|
// ライトテーマのベーステーマ
|
|
|
|
|
// このテーマが直接使われることは無い
|
2018-10-02 09:04:31 +02:00
|
|
|
{
|
|
|
|
|
id: 'light',
|
|
|
|
|
|
|
|
|
|
name: 'Light',
|
|
|
|
|
author: 'syuilo',
|
|
|
|
|
desc: 'Default light theme',
|
2018-10-08 08:23:10 +02:00
|
|
|
kind: 'light',
|
2018-10-02 09:04:31 +02:00
|
|
|
|
|
|
|
|
props: {
|
2020-01-29 20:37:25 +01:00
|
|
|
accent: '#86b300',
|
|
|
|
|
accentDarken: ':darken<10<@accent',
|
|
|
|
|
accentLighten: ':lighten<10<@accent',
|
|
|
|
|
focus: ':alpha<0.3<@accent',
|
2020-10-17 13:12:00 +02:00
|
|
|
bg: '#fff',
|
2020-12-20 09:19:18 +01:00
|
|
|
acrylicBg: ':alpha<0.5<@bg',
|
2021-01-09 09:18:45 +01:00
|
|
|
fg: '#5f5f5f',
|
2021-02-17 13:27:11 +01:00
|
|
|
fgTransparentWeak: ':alpha<0.75<@fg',
|
|
|
|
|
fgTransparent: ':alpha<0.5<@fg',
|
2020-02-14 17:18:48 +01:00
|
|
|
fgHighlighted: ':darken<3<@fg',
|
2021-08-08 14:59:18 +02:00
|
|
|
fgOnAccent: '#fff',
|
2020-07-04 20:11:39 +02:00
|
|
|
divider: 'rgba(0, 0, 0, 0.1)',
|
2020-02-16 23:14:03 +01:00
|
|
|
indicator: '@accent',
|
2021-01-09 09:18:45 +01:00
|
|
|
panel: ':lighten<3<@bg',
|
2020-11-25 13:31:34 +01:00
|
|
|
panelHighlight: ':darken<3<@panel',
|
2020-07-04 20:11:39 +02:00
|
|
|
panelHeaderBg: ':lighten<3<@panel',
|
|
|
|
|
panelHeaderFg: '@fg',
|
|
|
|
|
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
2021-07-27 14:37:32 +02:00
|
|
|
panelBorder: '" solid 1px var(--divider)',
|
2020-10-17 13:12:00 +02:00
|
|
|
acrylicPanel: ':alpha<0.5<@panel',
|
2021-08-08 14:59:18 +02:00
|
|
|
popup: ':lighten<3<@panel',
|
2020-01-29 20:37:25 +01:00
|
|
|
shadow: 'rgba(0, 0, 0, 0.1)',
|
2021-04-10 05:40:50 +02:00
|
|
|
header: ':alpha<0.7<@panel',
|
2020-12-12 05:09:40 +01:00
|
|
|
navBg: '@panel',
|
2020-01-29 20:37:25 +01:00
|
|
|
navFg: '@fg',
|
2020-02-16 18:41:03 +01:00
|
|
|
navHoverFg: ':darken<17<@fg',
|
2020-01-29 20:37:25 +01:00
|
|
|
navActive: '@accent',
|
|
|
|
|
navIndicator: '@accent',
|
|
|
|
|
link: '#44a4c1',
|
|
|
|
|
hashtag: '#ff9156',
|
|
|
|
|
mention: '@accent',
|
2020-06-04 15:19:08 +02:00
|
|
|
mentionMe: '@mention',
|
2020-01-29 20:37:25 +01:00
|
|
|
renote: '#229e82',
|
|
|
|
|
modalBg: 'rgba(0, 0, 0, 0.3)',
|
|
|
|
|
scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
|
|
|
|
|
scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
|
2020-03-20 10:11:39 +01:00
|
|
|
dateLabelFg: '@fg',
|
2018-10-31 10:07:00 +01:00
|
|
|
infoBg: '#e5f5ff',
|
|
|
|
|
infoFg: '#72818a',
|
2018-10-26 01:37:30 +02:00
|
|
|
infoWarnBg: '#fff0db',
|
2021-08-07 10:55:16 +02:00
|
|
|
infoWarnFg: '#8f6e31',
|
2020-01-29 20:37:25 +01:00
|
|
|
cwBg: '#b1b9c1',
|
|
|
|
|
cwFg: '#fff',
|
|
|
|
|
cwHoverBg: '#bbc4ce',
|
|
|
|
|
buttonBg: 'rgba(0, 0, 0, 0.05)',
|
|
|
|
|
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
|
2021-08-06 15:29:19 +02:00
|
|
|
inputBorder: 'rgba(0, 0, 0, 0.1)',
|
|
|
|
|
inputBorderHover: 'rgba(0, 0, 0, 0.2)',
|
2020-01-29 20:37:25 +01:00
|
|
|
listItemHoverBg: 'rgba(0, 0, 0, 0.03)',
|
|
|
|
|
driveFolderBg: ':alpha<0.3<@accent',
|
2020-02-15 00:29:59 +01:00
|
|
|
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
|
2020-02-15 14:21:35 +01:00
|
|
|
badge: '#31b1ce',
|
2021-08-07 09:12:42 +02:00
|
|
|
messageBg: '@bg',
|
2020-11-01 14:09:16 +01:00
|
|
|
success: '#86b300',
|
|
|
|
|
error: '#ec4137',
|
|
|
|
|
warn: '#ecb637',
|
2020-07-12 11:22:13 +02:00
|
|
|
htmlThemeColor: '@bg',
|
2020-07-04 20:49:58 +02:00
|
|
|
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',
|
2020-08-18 15:44:21 +02:00
|
|
|
X15: ':alpha<0<@panel',
|
2020-11-29 03:25:43 +01:00
|
|
|
X16: ':alpha<0.7<@panel',
|
2021-02-17 13:27:11 +01:00
|
|
|
X17: ':alpha<0.8<@bg',
|
2018-10-02 09:04:31 +02:00
|
|
|
},
|
|
|
|
|
}
|
