add themes

This commit is contained in:
fly_mc 2024-10-21 00:05:43 +08:00
parent d62f3dae67
commit 174411becc
8 changed files with 465 additions and 4 deletions

View file

@ -2,7 +2,7 @@
id: 'pari-dark-1',
base: 'dark',
desc: 'Pari-Dark-1',
name: 'Pari Dark ',
name: 'Pari Dark I',
props: {
X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)',

View file

@ -0,0 +1,88 @@
{
"id": "pari-dark-2",
"base": "dark",
"desc": "Pari Dark II",
"name": "Pari Dark II",
"props": {
"X2": ":darken<2<@panel",
"X3": "rgba(255, 255, 255, 0.03)",
"X4": "rgba(255, 255, 255, 0.08)",
"X5": "rgba(255, 255, 255, 0.03)",
"X6": "rgba(255, 255, 255, 0.2)",
"X7": "rgba(255, 255, 255, 0.03)",
"X8": ":lighten<5<@accent",
"X9": ":darken<5<@accent",
"bg": "#19172459",
"fg": "#e0def4",
"X10": ":alpha<0.3<@accent",
"X11": "rgba(0, 0, 0, 0.08)",
"X12": "rgba(255, 255, 255, 0.08)",
"X13": "rgba(255, 255, 255, 0.12)",
"X14": ":alpha<0.4<@navBg",
"X15": ":alpha<0<@panel",
"X16": ":alpha<0.6<@panel",
"X17": ":alpha<0.7<@bgLessTransparent",
"cwBg": "#1f1d2e",
"cwFg": "#f6c177",
"link": "#44a4c1",
"warn": "#f6c177",
"badge": "#c4a7e7",
"error": "#eb6f92",
"focus": ":alpha<0.25<@accent",
"navBg": "@panel",
"navFg": "@fg",
"panel": ":lighten<4<@bgLessTransparent",
"popup": ":lighten<3<@panel",
"accent": "#c4a7e7",
"header": ":alpha<0.6<@panel",
"infoBg": "#253142",
"infoFg": "#fff",
"renote": "#5d80f5",
"shadow": "rgba(0, 0, 0, 0.08)",
"divider": "rgba(255, 255, 255, 0.08)",
"hashtag": "#f1b1fa",
"mention": "@accent",
"modalBg": "rgba(0, 0, 0, 0.2)",
"success": "#c4a7e7",
"buttonBg": "rgba(255, 255, 255, 0.03)",
"switchBg": "rgba(255, 255, 255, 0.12)",
"acrylicBg": ":alpha<0.4<@bg",
"cwHoverBg": "#26233a",
"indicator": "#c4a7e7",
"mentionMe": "@mention",
"messageBg": "@bg",
"navActive": "@accent",
"accentedBg": ":alpha<0.12<@accent",
"fgOnAccent": "#e0def4",
"infoWarnBg": "#eb6f92",
"infoWarnFg": "#f6c177",
"navHoverFg": ":lighten<14<@fg",
"dateLabelFg": "@fg",
"inputBorder": "rgba(255, 255, 255, 0.08)",
"panelBorder": "\" solid 1px var(--divider)",
"accentDarken": ":darken<10<@accent",
"acrylicPanel": ":alpha<0.4<@panel",
"navIndicator": "@indicator",
"windowHeader": ":alpha<0.75<@panel",
"accentLighten": ":lighten<10<@accent",
"buttonHoverBg": "rgba(255, 255, 255, 0.08)",
"driveFolderBg": ":alpha<0.25<@accent",
"fgHighlighted": ":lighten<5<@fg",
"fgTransparent": ":alpha<0.4<@fg",
"panelHeaderBg": ":lighten<3<@panel",
"panelHeaderFg": "@fg",
"buttonGradateA": "#c4a7e7",
"buttonGradateB": "#e4a9d3",
"htmlThemeColor": "@bg",
"panelHighlight": ":lighten<2<@panel",
"listItemHoverBg": "rgba(255, 255, 255, 0.02)",
"scrollbarHandle": "rgba(255, 255, 255, 0.15)",
"inputBorderHover": "rgba(255, 255, 255, 0.15)",
"wallpaperOverlay": "rgba(0, 0, 0, 0.4)",
"bgLessTransparent": "#191724b0",
"fgTransparentWeak": ":alpha<0.65<@fg",
"panelHeaderDivider": "rgba(255, 255, 255, 0.08)",
"scrollbarHandleHover": "rgba(255, 255, 255, 0.3)"
},
"author": "@fly_mc@pari.cafe"
}

View file

@ -2,7 +2,7 @@
id: 'pari-light-1',
base: 'light',
desc: 'Pari-Light',
name: 'Pari Light ',
name: 'Pari Light I',
props: {
X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)',

View file

@ -0,0 +1,90 @@
{
"id": "pari-light-2",
"base": "light",
"desc": "Pari Light II",
"name": "Pari Light II",
"props": {
"X2": ":darken<2<@panel",
"X3": "rgba(0, 0, 0, 0.03)",
"X4": "rgba(0, 0, 0, 0.08)",
"X5": "rgba(0, 0, 0, 0.03)",
"X6": "rgba(0, 0, 0, 0.2)",
"X7": "rgba(0, 0, 0, 0.03)",
"X8": ":lighten<5<@accent",
"X9": ":darken<5<@accent",
"bg": "#fff9fb5f",
"fg": "#7d464e",
"X10": ":alpha<0.3<@accent",
"X11": "rgba(0, 0, 0, 0.08)",
"X12": "rgba(0, 0, 0, 0.08)",
"X13": "rgba(0, 0, 0, 0.12)",
"X14": ":alpha<0.4<@navBg",
"X15": ":alpha<0<@panel",
"X16": ":alpha<0.6<@panel",
"X17": ":alpha<0.7<@bgLessTransparent",
"cwBg": "#ffecf3",
"cwFg": "#5a424b",
"link": "#8b6bc7",
"warn": "#ecb637",
"badge": "#ffa3d7",
"error": "#ec4137",
"focus": ":alpha<0.25<@accent",
"navBg": "@panel",
"navFg": "@fg",
"panel": ":lighten<4<@bgLessTransparent",
"popup": ":lighten<3<@panel",
"accent": "#ffa3d7",
"header": ":alpha<0.6<@panel",
"infoBg": "#fff5f8",
"infoFg": "#8b2847",
"renote": "#6c54f7",
"shadow": "rgba(0, 0, 0, 0.08)",
"divider": "rgba(164, 105, 112, 0.08)",
"hashtag": "#ff8fab",
"mention": "#e84f66",
"modalBg": "rgba(0, 0, 0, 0.2)",
"success": "#ffa3d7",
"buttonBg": "rgba(0, 0, 0, 0.03)",
"switchBg": "rgba(0, 0, 0, 0.12)",
"acrylicBg": ":alpha<0.4<@bg",
"cwHoverBg": "#ffe6ef",
"indicator": "#eec3ca",
"mentionMe": "#e84f66",
"messageBg": "@bg",
"navActive": "@accent",
"accentedBg": ":alpha<0.12<@accent",
"codeNumber": "#ff80b3",
"codeString": "#ffc7b8",
"fgOnAccent": "#fff",
"infoWarnBg": "#fff6ed",
"infoWarnFg": "#8b2828",
"navHoverFg": ":darken<14<@fg",
"dateLabelFg": "@fg",
"inputBorder": "rgba(0, 0, 0, 0.08)",
"panelBorder": "\" solid 1px var(--divider)",
"accentDarken": "#ff8ac5",
"acrylicPanel": ":alpha<0.4<@panel",
"navIndicator": "@indicator",
"windowHeader": ":alpha<0.75<@panel",
"accentLighten": "#ffd6ef",
"buttonHoverBg": "rgba(0, 0, 0, 0.08)",
"driveFolderBg": ":alpha<0.25<@accent",
"fgHighlighted": ":darken<5<@fg",
"fgTransparent": ":alpha<0.4<@fg",
"panelHeaderBg": ":lighten<3<@panel",
"panelHeaderFg": "@fg",
"buttonGradateA": "#ffa3d7",
"buttonGradateB": "#c7bfff",
"htmlThemeColor": "@bg",
"panelHighlight": ":darken<2<@panel",
"listItemHoverBg": "rgba(0, 0, 0, 0.02)",
"scrollbarHandle": "rgba(164, 105, 112, 0.15)",
"inputBorderHover": "rgba(0, 0, 0, 0.15)",
"wallpaperOverlay": "rgba(255, 255, 255, 0.4)",
"bgLessTransparent": "#fff0f3b0",
"fgTransparentWeak": ":alpha<0.65<@fg",
"panelHeaderDivider": "rgba(164, 105, 112, 0.08)",
"scrollbarHandleHover": "rgba(164, 105, 112, 0.3)"
},
"author": "@fly_mc@pari.cafe"
}

View file

@ -0,0 +1,94 @@
{
"id": "shw-light",
"base": "light",
"desc": "Sweet Light",
"name": "Sweet Light",
"props": {
"X2": ":darken<2<@panel",
"X3": "rgba(0, 0, 0, 0.03)",
"X4": "rgba(0, 0, 0, 0.08)",
"X5": "rgba(0, 0, 0, 0.03)",
"X6": "rgba(0, 0, 0, 0.2)",
"X7": "rgba(0, 0, 0, 0.03)",
"X8": ":lighten<5<@accent",
"X9": ":darken<5<@accent",
"bg": "#fafcfcb0",
"fg": "#7a758f",
"X10": ":alpha<0.3<@accent",
"X11": "rgba(0, 0, 0, 0.08)",
"X12": "rgba(0, 0, 0, 0.08)",
"X13": "rgba(0, 0, 0, 0.12)",
"X14": ":alpha<0.4<@navBg",
"X15": ":alpha<0<@panel",
"X16": ":alpha<0.6<@panel",
"X17": ":alpha<0.7<@bg",
"link": "#3b8ea6",
"warn": "#d9a42f",
"badge": "#31b1ce",
"error": "#ec4137",
"focus": ":alpha<0.25<@accent",
"navBg": "@panel",
"navFg": "@fg",
"panel": ":lighten<4<@bg",
"popup": ":lighten<3<@panel",
"accent": "#6255c2",
"deckBg": ":darken<3<@bg",
"header": ":alpha<0.6<@panel",
"infoBg": "#e5f5ff",
"infoFg": "#5d6b73",
"renote": "#48cfcc",
"shadow": "rgba(0, 0, 0, 0.08)",
"thread": ":darken<12<@panel",
"divider": "rgba(0, 0, 0, 0.08)",
"hashtag": "#f298fa",
"mention": "@accent",
"modalBg": "rgba(0, 0, 0, 0.2)",
"success": "#7a2ffa",
"buttonBg": "rgba(0, 0, 0, 0.03)",
"switchBg": "rgba(0, 0, 0, 0.12)",
"acrylicBg": ":alpha<0.4<@bg",
"fgOnWhite": "#333",
"indicator": "@accent",
"mentionMe": "@mention",
"messageBg": "@bg",
"navActive": "@accent",
"accentedBg": ":alpha<0.12<@accent",
"codeNumber": "#0fbbbb",
"codeString": "#b98710",
"fgOnAccent": "#fff",
"infoWarnBg": "#fff0db",
"infoWarnFg": "#7d602b",
"navHoverFg": ":darken<17<@fg",
"switchOnBg": "@accent",
"switchOnFg": "@fgOnAccent",
"codeBoolean": "#7d25c4",
"dateLabelFg": "@fg",
"inputBorder": "rgba(0, 0, 0, 0.08)",
"panelBorder": "\" solid 1px var(--divider)",
"switchOffBg": "rgba(0, 0, 0, 0.08)",
"switchOffFg": "@panel",
"accentDarken": ":darken<10<@accent",
"acrylicPanel": ":alpha<0.4<@panel",
"navIndicator": "@indicator",
"windowHeader": ":alpha<0.75<@panel",
"accentLighten": ":lighten<10<@accent",
"buttonHoverBg": "rgba(0, 0, 0, 0.08)",
"driveFolderBg": ":alpha<0.25<@accent",
"fgHighlighted": ":darken<3<@fg",
"fgTransparent": ":alpha<0.4<@fg",
"panelHeaderBg": ":lighten<3<@panel",
"panelHeaderFg": "@fg",
"buttonGradateA": "@accent",
"buttonGradateB": ":hue<20<@accent",
"htmlThemeColor": "@bg",
"panelHighlight": ":darken<2<@panel",
"listItemHoverBg": "rgba(0, 0, 0, 0.02)",
"scrollbarHandle": "rgba(0, 0, 0, 0.15)",
"inputBorderHover": "rgba(0, 0, 0, 0.15)",
"wallpaperOverlay": "rgba(255, 255, 255, 0.4)",
"fgTransparentWeak": ":alpha<0.65<@fg",
"panelHeaderDivider": "rgba(0, 0, 0, 0)",
"scrollbarHandleHover": "rgba(0, 0, 0, 0.3)"
},
"author": "@satou@shweet.icu"
}

View file

@ -0,0 +1,94 @@
{
id: '33684d69-94b9-4d9c-9783-e9e6b92d7a59',
base: 'dark',
name: 'Stpv Dark v2',
props: {
X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)',
X4: 'rgba(255, 255, 255, 0.1)',
X5: 'rgba(255, 255, 255, 0.05)',
X6: 'rgba(255, 255, 255, 0.15)',
X7: 'rgba(255, 255, 255, 0.05)',
X8: ':lighten<5<@accent',
X9: ':darken<5<@accent',
bg: '#1919198b',
fg: '#dadada',
X10: ':alpha<0.4<@accent',
X11: 'rgba(0, 0, 0, 0.3)',
X12: 'rgba(255, 255, 255, 0.1)',
X13: 'rgba(255, 255, 255, 0.15)',
X14: ':alpha<0.5<@navBg',
X15: ':alpha<0<@panel',
X16: ':alpha<0.7<@panel',
X17: ':alpha<0.8<@bgcommon',
link: '#44a4c1',
warn: '#ecb637',
badge: '#31b1ce',
error: '#ec4137',
focus: ':alpha<0.3<@accent',
navBg: '@panel',
navFg: '@fg',
panel: ':lighten<3<@bgcommon',
popup: ':lighten<3<@panel',
accent: '#8d34c9',
deckBg: '@bg',
header: ':alpha<0.7<@panel',
infoBg: '#253142',
infoFg: '#fff',
renote: '#229e82',
shadow: 'rgba(0, 0, 0, 0.3)',
thread: ':lighten<12<@panel',
divider: 'rgba(255, 255, 255, 0.1)',
hashtag: '#ff9156',
mention: '@accent',
modalBg: 'rgba(0, 0, 0, 0.5)',
success: '#86b300',
bgcommon: '#191919d3',
buttonBg: 'rgba(255, 255, 255, 0.05)',
switchBg: 'rgba(255, 255, 255, 0.15)',
acrylicBg: ':alpha<0.5<@bgcommon',
fgOnWhite: '#333',
indicator: '@accent',
mentionMe: '@mention',
messageBg: '@bgcommon',
navActive: '@accent',
accentedBg: ':alpha<0.15<@accent',
codeNumber: '#cfff9e',
codeString: '#ffb675',
fgOnAccent: '#fff',
infoWarnBg: '#42321c',
infoWarnFg: '#ffbd3e',
navHoverFg: ':lighten<17<@fg',
switchOnBg: '@accentedBg',
switchOnFg: '@accent',
codeBoolean: '#c59eff',
dateLabelFg: '@fg',
inputBorder: 'rgba(255, 255, 255, 0.1)',
panelBorder: '" solid 1px var(--divider)',
switchOffBg: 'rgba(255, 255, 255, 0.1)',
switchOffFg: ':alpha<0.8<@fg',
accentDarken: ':darken<10<@accent',
acrylicPanel: ':alpha<0.5<@panel',
navIndicator: '@indicator',
windowHeader: ':alpha<0.85<@panel',
accentLighten: ':lighten<10<@accent',
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
driveFolderBg: ':alpha<0.3<@accent',
fgHighlighted: ':lighten<3<@fg',
fgTransparent: ':alpha<0.5<@fg',
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
htmlThemeColor: '@bgcommon',
panelHighlight: ':lighten<3<@panel',
listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
inputBorderHover: 'rgba(255, 255, 255, 0.2)',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
},
author: '@lhc_fl@stelpolva.moe',
}

View file

@ -0,0 +1,95 @@
{
id: '43eeb316-8e4f-4e45-91ad-bc794fea3ea4',
base: 'light',
name: 'Stellacolor Transparent',
props: {
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',
bg: '#fbf9ff7f',
fg: '#685297',
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<@bgLessTransparent',
cwBg: '#df99f7',
cwFg: '#18161a',
link: '#93d4e1',
warn: '#ecb637',
badge: '#df99f7',
error: '#ec4137',
focus: ':alpha<0.3<@accent',
navBg: '@panel',
navFg: '@fg',
panel: ':lighten<4<@bgLessTransparent',
popup: ':lighten<3<@panel',
accent: '#df99f7',
header: ':alpha<0.7<@panel',
infoBg: '#e5f5ff',
infoFg: '#385dab',
renote: '#df99f7',
shadow: 'rgba(0, 0, 0, 0.1)',
divider: 'rgba(0, 0, 0, 0.1)',
hashtag: '#ffa0c0',
mention: '@accent',
modalBg: 'rgba(0, 0, 0, 0.3)',
success: '#df99f7',
buttonBg: 'rgba(0, 0, 0, 0.05)',
switchBg: 'rgba(0, 0, 0, 0.15)',
acrylicBg: ':alpha<0.5<@bg',
cwHoverBg: '#9dd2f9',
indicator: '@accent',
mentionMe: '@mention',
messageBg: '@bg',
navActive: '@accent',
accentedBg: ':alpha<0.15<@accent',
codeNumber: '#0fbbbb',
codeString: '#ffa0c0',
fgOnAccent: '#fff',
infoWarnBg: '#edf6ff',
infoWarnFg: '#385dab',
navHoverFg: ':darken<14<@fg',
swutchOnBg: '@accent',
swutchOnFg: '@fgOnAccent',
codeBoolean: '#df99f7',
dateLabelFg: '@fg',
deckDivider: ':darken<3<@bg',
inputBorder: 'rgba(0, 0, 0, 0.1)',
panelBorder: '" solid 1px var(--divider)',
swutchOffBg: 'rgba(0, 0, 0, 0.1)',
swutchOffFg: '@panel',
accentDarken: '#c06bff',
acrylicPanel: ':alpha<0.5<@panel',
navIndicator: '@indicator',
windowHeader: ':alpha<0.85<@panel',
accentLighten: '#f1c5ff',
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
driveFolderBg: ':alpha<0.3<@accent',
fgHighlighted: ':darken<3<@fg',
fgTransparent: ':alpha<0.5<@fg',
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
buttonGradateA: '@accent',
buttonGradateB: '#9dd2f9',
htmlThemeColor: '@bg',
panelHighlight: ':darken<2<@panel',
listItemHoverBg: 'rgba(0, 0, 0, 0.03)',
scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
inputBorderHover: 'rgba(0, 0, 0, 0.2)',
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
bgLessTransparent: '#fbf8ffdd',
fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
},
author: '@lhc_fl@stelpolva.moe',
}

View file

@ -6,8 +6,8 @@
import { markRaw, ref } from 'vue';
import * as Misskey from 'misskey-js';
import { hemisphere } from '@@/js/intl-const.js';
import lightTheme from '@@/themes/p-light.json5';
import darkTheme from '@@/themes/p-dark.json5';
import lightTheme from '@@/themes/p-light2.json5';
import darkTheme from '@@/themes/p-dark2.json5';
import { miLocalStorage } from './local-storage.js';
import type { SoundType } from '@/scripts/sound.js';
import { Storage } from '@/pizzax.js';