Revert "🎨"

This reverts commit af738d9ca9.
This commit is contained in:
syuilo 2023-04-21 09:29:32 +09:00
parent 1dac961784
commit 18df1c7a52
16 changed files with 26 additions and 1 deletions

View File

@ -185,6 +185,7 @@ export default defineComponent({
left: 0; left: 0;
color: var(--panelHeaderFg); color: var(--panelHeaderFg);
background: var(--panelHeaderBg); background: var(--panelHeaderBg);
border-bottom: solid 0.5px var(--panelHeaderDivider);
z-index: 2; z-index: 2;
line-height: 1.4em; line-height: 1.4em;
} }

View File

@ -27,6 +27,7 @@
panelHighlight: ':lighten<3<@panel', panelHighlight: ':lighten<3<@panel',
panelHeaderBg: ':lighten<3<@panel', panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg', panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',

View File

@ -27,6 +27,7 @@
panelHighlight: ':darken<3<@panel', panelHighlight: ':darken<3<@panel',
panelHeaderBg: ':lighten<3<@panel', panelHeaderBg: ':lighten<3<@panel',
panelHeaderFg: '@fg', panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',

View File

@ -57,6 +57,7 @@
listItemHoverBg: 'rgba(255, 255, 255, 0.03)', listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
scrollbarHandle: 'rgba(255, 255, 255, 0.2)', scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)', scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
X2: ':darken<2<@panel', X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)', X3: 'rgba(255, 255, 255, 0.05)',

View File

@ -13,6 +13,8 @@
fgHighlighted: '#fff', fgHighlighted: '#fff',
divider: 'rgba(255, 255, 255, 0.14)', divider: 'rgba(255, 255, 255, 0.14)',
panel: 'rgb(47, 47, 44)', panel: 'rgb(47, 47, 44)',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',
navBg: '#363636', navBg: '#363636',
renote: '@accent', renote: '@accent',

View File

@ -13,6 +13,8 @@
fgHighlighted: '#fff', fgHighlighted: '#fff',
divider: 'rgba(255, 255, 255, 0.14)', divider: 'rgba(255, 255, 255, 0.14)',
panel: '#2d2d2d', panel: '#2d2d2d',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',
navBg: '#363636', navBg: '#363636',
renote: '@accent', renote: '@accent',

View File

@ -14,6 +14,8 @@
fgOnAccent: '#000', fgOnAccent: '#000',
divider: 'rgba(255, 255, 255, 0.1)', divider: 'rgba(255, 255, 255, 0.1)',
panel: '#18181c', panel: '#18181c',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
renote: '@accent', renote: '@accent',
mention: '#f2c97d', mention: '#f2c97d',
mentionMe: '@accent', mentionMe: '@accent',

View File

@ -14,6 +14,8 @@
fgOnAccent: '#192320', fgOnAccent: '#192320',
divider: '#e7fffb24', divider: '#e7fffb24',
panel: '#192320', panel: '#192320',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
popup: '#293330', popup: '#293330',
renote: '@accent', renote: '@accent',
mentionMe: '#ffaa00', mentionMe: '#ffaa00',

View File

@ -14,6 +14,8 @@
fgOnAccent: '#192320', fgOnAccent: '#192320',
divider: '#e7fffb24', divider: '#e7fffb24',
panel: '#192320', panel: '#192320',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
popup: '#293330', popup: '#293330',
renote: '@accent', renote: '@accent',
mentionMe: '#b4e900', mentionMe: '#b4e900',

View File

@ -81,6 +81,7 @@
inputBorderHover: 'rgba(255, 255, 255, 0.2)', inputBorderHover: 'rgba(255, 255, 255, 0.2)',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg', fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)', scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
deckDivider: '#142022', deckDivider: '#142022',
}, },

View File

@ -13,6 +13,8 @@
fgHighlighted: '#6bc9a0', fgHighlighted: '#6bc9a0',
divider: '#cfcfcf', divider: '#cfcfcf',
panel: '@X14', panel: '@X14',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',
navBg: '@X14', navBg: '@X14',
renote: '#229e92', renote: '#229e92',

View File

@ -14,6 +14,7 @@
header: ':alpha<0.7<@panel', header: ':alpha<0.7<@panel',
navBg: '#fff', navBg: '#fff',
panel: '#fff', panel: '#fff',
panelHeaderDivider: '@divider',
mentionMe: 'rgb(0, 179, 70)', mentionMe: 'rgb(0, 179, 70)',
}, },
} }

View File

@ -12,6 +12,7 @@
fg: '#636b71', fg: '#636b71',
panel: '#fff', panel: '#fff',
divider: 'rgb(230 233 234)', divider: 'rgb(230 233 234)',
panelHeaderDivider: '@divider',
renote: '@accent', renote: '@accent',
link: '@accent', link: '@accent',
mention: '@accent', mention: '@accent',

View File

@ -81,6 +81,7 @@
inputBorderHover: 'rgba(255, 255, 255, 0.2)', inputBorderHover: 'rgba(255, 255, 255, 0.2)',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg', fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)', scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
}, },
} }

View File

@ -60,6 +60,7 @@
scrollbarHandle: 'rgba(0, 0, 0, 0.2)', scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)', wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg', fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: '@divider',
scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)', scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
X2: ':darken<2<@panel', X2: ':darken<2<@panel',
X3: 'rgba(0, 0, 0, 0.05)', X3: 'rgba(0, 0, 0, 0.05)',

View File

@ -316,8 +316,12 @@ function onDrop(ev) {
font-size: 0.9em; font-size: 0.9em;
color: var(--panelHeaderFg); color: var(--panelHeaderFg);
background: var(--panelHeaderBg); background: var(--panelHeaderBg);
box-shadow: 0 1px 0 0 var(--panelHeaderDivider);
cursor: pointer; cursor: pointer;
&, * {
user-select: none; user-select: none;
}
} }
.title { .title {