Ports dark theme background to the loading page.
Startpage dark loading screen by 0ko
Imported from a private source
Mirrored from https://codeberg.org/0ko/UserStyles/raw/main/Startpage/DarkLoadingScreen/StartpageDLS.user.css
Details
Author0ko
LicenseMIT-0
Categorystartpage
Created
Updated
Size971 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Startpage has some CSS problems. One of them is that proper rules for dark/light theme are loaded only after you've been flashed for a second. This style is made to prevent that from happening. It only works when your browser is set to dark theme.
There's a similar style Dark startpage loader by pomelo made before this one. However, there are some differences:
- this style uses
prefers-color-schemeto check if it's required so it will not override background for light theme and you won't have to configure this behavior in the style manager manually; - there is a preview image so it will get more user attention! xD
Source code
/* ==UserStyle==
@name Startpage dark loading screen
@author 0ko (https://userstyles.world/~0ko)
@description Startpage has some CSS problems. One of them is that proper rules for dark/light theme are loaded only after you've been flashed for a second. This style ports dark theme background to the loading page so this doesn't happen. It works automatically when your browser is set to dark theme, but you can force enable it using the corresponding option.
@version 1.1.2
@license MIT-0
@preprocessor stylus
@namespace 0ko userstyles
@homepageURL https://codeberg.org/0ko/UserStyles
@supportURL https://codeberg.org/0ko/UserStyles/issues
@var checkbox forceDark "Force dark theme" 0
==/UserStyle== */
imp = !important
ApplyTheme()
:root
--background-base: #171B25 imp
@-moz-document domain("www.startpage.com")
@media (prefers-color-scheme: dark)
ApplyTheme()
if forceDark
ApplyTheme()