🎨
This commit is contained in:
NoriDev
parent
be5dcf015d
commit
d789b38d01
|
|
@ -110,7 +110,7 @@ function onTabClick(): void {
|
|||
}
|
||||
|
||||
const calcBg = () => {
|
||||
const rawBg = 'var(--bg)';
|
||||
const rawBg = 'var(--headerBg)';
|
||||
const tinyBg = tinycolor(rawBg.startsWith('var(') ? getComputedStyle(document.documentElement).getPropertyValue(rawBg.slice(4, -1)) : rawBg);
|
||||
if (isFriendly.value && isMobile.value) tinyBg.setAlpha(1);
|
||||
else tinyBg.setAlpha(0.85);
|
||||
|
|
@ -144,7 +144,7 @@ onUnmounted(() => {
|
|||
.root {
|
||||
-webkit-backdrop-filter: var(--blur, blur(15px));
|
||||
backdrop-filter: var(--blur, blur(15px));
|
||||
border-bottom: solid 0.5px var(--divider);
|
||||
// border-bottom: solid 0.5px var(--divider);
|
||||
width: 100%;
|
||||
transition: opacity 0.5s, transform 0.5s;
|
||||
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@
|
|||
popup: ':lighten<3<@panel',
|
||||
shadow: 'rgba(0, 0, 0, 0.3)',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: '#000',
|
||||
navBg: '@panel',
|
||||
navFg: '@fg',
|
||||
navHoverFg: ':lighten<17<@fg',
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@
|
|||
popup: ':lighten<3<@panel',
|
||||
shadow: 'rgba(0, 0, 0, 0.1)',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: '#fff',
|
||||
navBg: '@panel',
|
||||
navFg: '@fg',
|
||||
navHoverFg: ':darken<17<@fg',
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@
|
|||
panel: '#2a272b',
|
||||
accent: '#81c08b',
|
||||
header: ':alpha<0.7<@bg',
|
||||
headerBg: "@bg",
|
||||
infoBg: '#253142',
|
||||
infoFg: '#fff',
|
||||
renote: '#659CC8',
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
bg: '#000',
|
||||
link: '#1d9bf0',
|
||||
hashtag: '#1d9bf0',
|
||||
headerBg: "@bg",
|
||||
renote: '#71767b',
|
||||
buttonGradateA: '@accent',
|
||||
buttonGradateB: '@accent',
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
panel: 'rgb(47, 47, 44)',
|
||||
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
navBg: '#363636',
|
||||
renote: '@accent',
|
||||
mention: 'rgb(212, 153, 76)',
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
bg: 'rgb(28, 28, 37)',
|
||||
fg: 'rgb(236, 239, 244)',
|
||||
panel: 'rgb(35, 35, 47)',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
link: '@accent',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -11,12 +11,12 @@
|
|||
fgHighlighted: '#fff',
|
||||
divider: 'rgb(63, 63, 80)',
|
||||
panel: 'rgb(35, 35, 47)',
|
||||
panelHeaderBg: '@panel',
|
||||
panelHeaderDivider: '@divider',
|
||||
panelHeaderBg: 'rgb(45, 45, 66)',
|
||||
infoFg: '@accent',
|
||||
infoBg: 'rgb(0, 0, 0)',
|
||||
acrylicPanel: ':alpha<0.5<@panel',
|
||||
header: '@bg',
|
||||
headerBg: 'rgb(32, 32, 43)',
|
||||
navBg: '@panel',
|
||||
navHoverFg: '@pick',
|
||||
renote: '@accent',
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
panel: '#2d2d2d',
|
||||
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
navBg: '#363636',
|
||||
renote: '@accent',
|
||||
mention: '#da6d35',
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
divider: 'rgba(255, 255, 255, 0.1)',
|
||||
panel: '#18181c',
|
||||
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
mention: '#f2c97d',
|
||||
mentionMe: '@accent',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@
|
|||
panel: '#192320',
|
||||
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
||||
popup: '#293330',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
mentionMe: '#ffaa00',
|
||||
link: '#24d7ce',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@
|
|||
panel: '#192320',
|
||||
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
|
||||
popup: '#293330',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
mentionMe: '#b4e900',
|
||||
link: '#24d7ce',
|
||||
|
|
|
|||
|
|
@ -9,5 +9,6 @@
|
|||
props: {
|
||||
accent: '#47BFE8',
|
||||
bg: '#212526',
|
||||
headerBg: "@bg"
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
panel: 'rgb(41, 43, 41)',
|
||||
infoFg: '@fg',
|
||||
infoBg: '#333c3b',
|
||||
headerBg: "@bg",
|
||||
navBg: '#141714',
|
||||
renote: '@accent',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
link: '$qdonL1',
|
||||
hashtag: '#87ceeb',
|
||||
mention: '$mstdnHyperLink',
|
||||
headerBg: "@bg",
|
||||
renote: '$mstdnHyperLink',
|
||||
cwBg: '#5e6781',
|
||||
cwFg: '$mstdnUI',
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@
|
|||
popup: ':lighten<3<@panel',
|
||||
accent: '#00a497',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
infoBg: '#253142',
|
||||
infoFg: '#fff',
|
||||
renote: '@accent',
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
bg: '#e6e5e2',
|
||||
fg: 'rgb(149, 143, 139)',
|
||||
panel: '#EEECE8',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
link: '@accent',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
bg: '#fff',
|
||||
link: '#1d9bf0',
|
||||
accent: '#1d9bf0',
|
||||
headerBg: "@bg",
|
||||
renote: '#536472',
|
||||
hashtag: '#1d9bf0',
|
||||
buttonGradateA: '@accent',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@
|
|||
panelHeaderBg: '@panel',
|
||||
panelHeaderDivider: '@divider',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
navBg: '@X14',
|
||||
renote: '#229e92',
|
||||
mention: '#da6d35',
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
bg: 'rgb(254, 248, 249)',
|
||||
fg: 'rgb(152, 13, 26)',
|
||||
panel: 'rgb(255, 255, 255)',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
link: 'rgb(156, 187, 5)',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -7,15 +7,15 @@
|
|||
|
||||
props: {
|
||||
accent: '#6ba5e3',
|
||||
bg: '#f6f9ff',
|
||||
bg: 'rgb(238, 241, 252)',
|
||||
fg: '#577096',
|
||||
divider: 'rgb(223, 223, 223)',
|
||||
acrylicPanel: ':alpha<0.5<@panel',
|
||||
header: '@bg',
|
||||
headerBg: 'rgb(246, 249, 255)',
|
||||
navBg: '#eff4ff',
|
||||
navHoverFg: '@pick',
|
||||
panel: '#fff',
|
||||
panelHeaderDivider: '@divider',
|
||||
panel: 'rgb(246, 249, 255)',
|
||||
messageBg: '#dedede',
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
fg: '#7f6666',
|
||||
panel: '#fff',
|
||||
divider: 'rgba(87, 68, 68, 0.1)',
|
||||
headerBg: "@bg",
|
||||
renote: 'rgb(160, 172, 125)',
|
||||
link: 'rgb(137, 151, 159)',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
fg: '#676767',
|
||||
divider: '#e8e8e8',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
navBg: '#fff',
|
||||
panel: '#fff',
|
||||
panelHeaderDivider: '@divider',
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
panel: '#fff',
|
||||
divider: 'rgb(230 233 234)',
|
||||
panelHeaderDivider: '@divider',
|
||||
headerBg: "@bg",
|
||||
renote: '@accent',
|
||||
link: '@accent',
|
||||
mention: '@accent',
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
bg: '#f0eee9',
|
||||
fg: '#5f5f5f',
|
||||
renote: '@accent',
|
||||
headerBg: "@bg",
|
||||
link: '@accent',
|
||||
mention: '@accent',
|
||||
hashtag: '#229e82',
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@
|
|||
popup: ':lighten<3<@panel',
|
||||
accent: '#478384',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
infoBg: '#253142',
|
||||
infoFg: '#fff',
|
||||
renote: '@accent',
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@
|
|||
panel: '#fff',
|
||||
accent: '#008cff',
|
||||
header: ':alpha<0.7<@panel',
|
||||
headerBg: "@bg",
|
||||
infoBg: '#e5f5ff',
|
||||
infoFg: '#72818a',
|
||||
renote: '@accent',
|
||||
|
|
|
|||
Loading…
Reference in a new issue