kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

feat!: extensive theme overhaul (#9)

Browse Source
This commit is contained in:
Leafus
2025-05-19 16:36:37 +00:00
committed by Bluey Heeler
parent fe54ebf2af
commit e42e7e1e94
24 changed files with 577 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend-shared/themes/_dark.json5
+1 -1
View File
@@ -24,7 +24,7 @@
panelHighlight: ':lighten<3<@panel',
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
panelBorder: '" solid 1px var(--MI_THEME-divider)',
panelBorder: 'solid 1px var(--MI_THEME-divider)',
thread: ':lighten<12<@panel',
windowHeader: ':alpha<0.85<@panel',
popup: ':lighten<3<@panel',
packages/frontend-shared/themes/psDark.json5
+88
View File
@@ -0,0 +1,88 @@
{
"base": "dark",
"props": {
"accent": "#cba6f7",
"accentDarken": ":darken<10<@accent",
"accentLighten": ":lighten<10<@accent",
"accentedBg": ":alpha<0.15<@accent",
"focus": ":alpha<0.3<@accent",
"bg": "#11111b",
"acrylicBg": ":alpha<0.5<@bg",
"fg": "#cdd6f4",
"fgTransparentWeak": ":alpha<0.75<@fg",
"fgTransparent": ":alpha<0.5<@fg",
"fgHighlighted": ":lighten<3<@fg",
"fgOnAccent": "#000000",
"divider": "rgba(255, 255, 255, 0.1)",
"indicator": "@accent",
"panel": ":lighten<3<@bg",
"panelHighlight": ":lighten<3<@panel",
"panelHeaderBg": ":lighten<3<@panel",
"panelHeaderFg": "@fg",
"panelHeaderDivider": "rgba(0, 0, 0, 0)",
"panelBorder": "\" solid 1px var(--divider)",
"acrylicPanel": ":alpha<0.5<@panel",
"popup": ":lighten<3<@panel",
"shadow": "rgba(0, 0, 0, 0.3)",
"header": ":alpha<0.7<@panel",
"navBg": "@panel",
"navFg": "@fg",
"navHoverFg": ":lighten<17<@fg",
"navActive": "@accent",
"navIndicator": "@indicator",
"link": "#cba6f7",
"hashtag": "#cba6f7",
"mention": "@accent",
"mentionMe": "@mention",
"renote": "#eba0ac",
"modalBg": "rgba(0, 0, 0, 0.5)",
"scrollbarHandle": "rgba(255, 255, 255, 0.2)",
"scrollbarHandleHover": "rgba(255, 255, 255, 0.4)",
"dateLabelFg": "@fg",
"infoBg": "#cdd6f4",
"infoFg": "#fff",
"infoWarnBg": "#42321c",
"infoWarnFg": "#ffbd3e",
"switchBg": "rgba(255, 255, 255, 0.15)",
"cwBg": "#687390",
"cwFg": "#393f4f",
"cwHoverBg": "#707b97",
"buttonBg": "rgba(255, 255, 255, 0.05)",
"buttonHoverBg": "rgba(255, 255, 255, 0.1)",
"buttonGradateA": "@accent",
"buttonGradateB": ":hue<20<@accent",
"inputBorder": "rgba(255, 255, 255, 0.1)",
"inputBorderHover": "rgba(255, 255, 255, 0.2)",
"listItemHoverBg": "rgba(255, 255, 255, 0.03)",
"driveFolderBg": ":alpha<0.3<@accent",
"wallpaperOverlay": "rgba(0, 0, 0, 0.5)",
"badge": "#31b1ce",
"messageBg": "@bg",
"success": "#86b300",
"error": "#ec4137",
"warn": "#ecb637",
"codeString": "#ffb675",
"codeNumber": "#cfff9e",
"codeBoolean": "#c59eff",
"htmlThemeColor": "@bg",
"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",
"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<@bg"
},
"author": "Leafus",
"id": "ec668ba7-7682-486a-a10f-b4a5b2717d92",
"name": "Puppy Space Theme"
}
packages/frontend-shared/themes/pwDark.json5
+94
View File
@@ -0,0 +1,94 @@
{
id: 'dark',
name: 'Pawkey Dark',
author: 'Leafus',
desc: 'Pawkey Dark theme from our own Colorscheme',
kind: 'dark',
props: {
accent: '#b89bea',
accentDarken: ':darken<10<@accent',
accentLighten: ':lighten<10<@accent',
accentedBg: ':alpha<0.15<@accent',
love: '#dd2e44',
focus: ':alpha<0.3<@accent',
bg: '#09090a',
acrylicBg: ':alpha<0.5<@bg',
fg: '#f7efff',
fgTransparentWeak: ':alpha<0.75<@fg',
fgTransparent: ':alpha<0.5<@fg',
fgHighlighted: ':lighten<3<@fg',
fgOnAccent: '#000000',
fgOnWhite: '#333',
divider: 'rgba(255, 255, 255, 0.1)',
indicator: '@accent',
panel: ':lighten<3<@bg',
panelHighlight: ':lighten<3<@panel',
panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: 'solid 1px var(--MI_THEME-divider)',
thread: ':lighten<12<@panel',
acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel',
popup: ':lighten<3<@panel',
shadow: 'rgba(0, 0, 0, 0.3)',
header: ':alpha<0.7<@panel',
navBg: '@panel',
navFg: '@fg',
navHoverFg: ':lighten<17<@fg',
navActive: '@accent',
navIndicator: '@indicator',
link: '#b89bea',
hashtag: '#b89bea',
mention: '@accent',
mentionMe: '@mention',
renote: '#fb96f9',
modalBg: 'rgba(0, 0, 0, 0.5)',
scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
dateLabelFg: '@fg',
infoBg: '#adedff',
infoFg: '#fff',
infoWarnBg: '#704830',
infoWarnFg: '#fab387',
folderHeaderBg: 'rgba(255, 255, 255, 0.05)',
folderHeaderHoverBg: 'rgba(255, 255, 255, 0.1)',
buttonBg: ':lighten<5<@panel',
buttonHoverBg: ':lighten<10<@panel',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
switchBg: 'rgba(255, 255, 255, 0.15)',
switchOffBg: 'rgba(255, 255, 255, 0.1)',
switchOffFg: ':alpha<0.8<@fg',
switchOnBg: '@accentedBg',
switchOnFg: '@accent',
inputBorder: 'rgba(255, 255, 255, 0.1)',
inputBorderHover: 'rgba(255, 255, 255, 0.2)',
driveFolderBg: ':alpha<0.3<@accent',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
badge: '#89dceb',
messageBg: '@bg',
success: '#c3ffad',
error: '#ff5557',
warn: '#f9e2af',
codeString: '#ffb675',
codeNumber: '#cfff9e',
codeBoolean: '#c59eff',
deckBg: '#000',
htmlThemeColor: '@bg',
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)',
X11: 'rgba(0, 0, 0, 0.3)',
X12: 'rgba(255, 255, 255, 0.1)',
X13: 'rgba(255, 255, 255, 0.15)',
},
codeHighlighter: {
base: 'one-dark-pro',
},
}