pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove scrollbar buttons, fix scrollbar theme in firefox

Browse Source
This commit is contained in:
Fornax
2022-01-11 00:05:58 +01:00
parent fa75a760f8
commit 4ad41ffded
3 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
res/include/style/layout.css
View File

@@ -581,37 +581,40 @@ input[type=file]{
width: 10px;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 0 8px 8px 8px;
border-color: transparent transparent var(--scrollbar_foreground_color) transparent;
display: none;
/* border-width: 0 8px 8px 8px; */
/* border-color: transparent transparent var(--scrollbar_foreground_color) transparent; */
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
/* ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color: transparent transparent var(--scrollbar_hover_color) transparent;
}
} */
::-webkit-scrollbar-button:single-button:vertical:increment {
border-width: 8px 8px 0 8px;
border-color: var(--scrollbar_foreground_color) transparent transparent transparent;
display: none;
/* border-width: 8px 8px 0 8px; */
/* border-color: var(--scrollbar_foreground_color) transparent transparent transparent; */
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
/* ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
border-color: var(--scrollbar_hover_color) transparent transparent transparent;
}
} */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
border-width: 8px 8px 8px 0px;
border-color: transparent var(--scrollbar_foreground_color) transparent transparent;
display: none;
/* border-width: 8px 8px 8px 0px; */
/* border-color: transparent var(--scrollbar_foreground_color) transparent transparent; */
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
/* ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
border-color: transparent var(--scrollbar_hover_color) transparent transparent;
}
} */
::-webkit-scrollbar-button:single-button:horizontal:increment {
border-width: 8px 0px 8px 8px;
border-color: transparent transparent transparent var(--scrollbar_foreground_color);
display: none;
/* border-width: 8px 0px 8px 8px; */
/* border-color: transparent transparent transparent var(--scrollbar_foreground_color); */
}
::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
/* ::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
border-color: transparent transparent transparent var(--scrollbar_hover_color);
}
} */
/* Firefox Scrollbar */
* {
/* scrollbar-color: var(--scrollbar_foreground_color) var(--scrollbar_background_color); */
scrollbar-color: dark;
scrollbar-color: var(--scrollbar_foreground_color) var(--scrollbar_background_color);
}

3
svelte/src/file_viewer/EmbedWindow.svelte
View File

@@ -167,6 +167,9 @@ const example = () => {
<button class:button_highlight={style==="deepsea"} on:click={() => {set_style("deepsea")}}>
Deep sea
</button>
<button class:button_highlight={style==="skeuos"} on:click={() => {set_style("skeuos")}}>
Skeuos
</button>
</div>
{:else}
<h3>Direct link</h3>

8
webcontroller/user_style.go
View File

@@ -196,7 +196,7 @@ var defaultPixeldrainStyle = pixeldrainStyleSheet{
HighlightColor: hsl{117, .63, .46},
HighlightTextColor: hsl{0, 0, 0},
DangerColor: hsl{357, .63, .46},
ScrollbarForegroundColor: hsl{266, .85, .38},
ScrollbarForegroundColor: hsl{266, .85, .40},
ScrollbarHoverColor: hsl{266, .85, .50},
ScrollbarBackgroundColor: hsl{275, .75, .12},
@@ -215,8 +215,8 @@ var pixeldrainClassicStyle = pixeldrainStyleSheet{
HighlightColor: hsl{89, .60, .45},
HighlightTextColor: hsl{0, 0, 0},
DangerColor: hsl{339, .65, .31},
ScrollbarForegroundColor: hsl{0, 0, .35},
ScrollbarHoverColor: hsl{0, 0, .45},
ScrollbarForegroundColor: hsl{0, 0, .40},
ScrollbarHoverColor: hsl{0, 0, .50},
ScrollbarBackgroundColor: hsl{0, 0, .11},
Layer1Color: hsl{0, 0, .08},
@@ -312,7 +312,7 @@ var cantaPixeldrainStyle = pixeldrainStyleSheet{
DangerColor: hsl{40, 1, .5}, // hsl(40, 100%, 50%)
ScrollbarForegroundColor: hsl{204, .05, .78}, // hsl(204, 5%, 78%)
ScrollbarHoverColor: hsl{204, .05, .88},
ScrollbarBackgroundColor: hsl{200, .13, .27}, // hsl(200, 13%, 27%)
ScrollbarBackgroundColor: hsl{168, .05, .21},
Layer1Color: hsl{180, .04, .16},
Layer2Color: hsl{168, .05, .21},