parent
1dac961784
commit
18df1c7a52
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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)',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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)',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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)',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -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)',
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue