🎨
This commit is contained in:
parent
40debf20d8
commit
af738d9ca9
@ -185,7 +185,6 @@ 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;
|
||||||
}
|
}
|
||||||
|
@ -27,7 +27,6 @@
|
|||||||
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',
|
||||||
|
@ -27,7 +27,6 @@
|
|||||||
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',
|
||||||
|
@ -57,7 +57,6 @@
|
|||||||
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)',
|
||||||
|
@ -13,8 +13,6 @@
|
|||||||
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',
|
||||||
|
@ -13,8 +13,6 @@
|
|||||||
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',
|
||||||
|
@ -14,8 +14,6 @@
|
|||||||
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',
|
||||||
|
@ -14,8 +14,6 @@
|
|||||||
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',
|
||||||
|
@ -14,8 +14,6 @@
|
|||||||
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',
|
||||||
|
@ -81,7 +81,6 @@
|
|||||||
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',
|
||||||
},
|
},
|
||||||
|
@ -13,8 +13,6 @@
|
|||||||
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',
|
||||||
|
@ -14,7 +14,6 @@
|
|||||||
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)',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -12,7 +12,6 @@
|
|||||||
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',
|
||||||
|
@ -81,7 +81,6 @@
|
|||||||
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)',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -60,7 +60,6 @@
|
|||||||
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)',
|
||||||
|
@ -316,12 +316,8 @@ 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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user