devproje/project-client
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: dark/light mode for splash

Browse source
This commit is contained in:
supernova 2023-09-24 20:52:24 +03:00 committed by GitHub
parent 94ba59afb5
commit 166080c2b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
static/views/splash.html
View file

@ -15,6 +15,7 @@
align-items: center;
border-radius: 8px;
border: 1px solid var(--fg-semi-trans);
background-color: var(--bg);
}
p {
@ -25,17 +26,29 @@
width: 6em;
height: 6em;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #282828;
--fg: #D3869B;
--fg-semi-trans: rgba(212, 212, 212, 0.7);
}
}
@media (prefers-color-scheme: light) {
:root {
--bg: #D3869B;
--fg: #282828;
--fg-semi-trans: rgba(30, 30, 30, 0.7);
}
}
</style>
</head>
<body>
<div class="wrapper">
<img
draggable="false"
src="https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=512"
alt="shiggy"
role="presentation"
/>
<img draggable="false" src="https://cdn.discordapp.com/emojis/1024751291504791654.gif?size=512" alt="shiggy"
role="presentation" />
<p>Loading Vesktop...</p>
</div>
</body>
</body>