mirrors/mCaptcha
1
0
Fork 0
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2025-03-14 13:08:27 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #135 from SebastianGode/widget-dark

Browse source 
Added automatic dark mode to the widget
This commit is contained in:
Aravinth Manivannan 2024-02-19 20:13:58 +05:30 • committed by GitHub
commit 3cd38511fa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 31 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
templates/widget/main.scss
View file

@ -28,6 +28,8 @@ body {
display: flex;
height: 100%;
width: 100%;
background-color: #f6f6f6;
border: 2px solid #e5e5e5;
}
.widget__noscript-container {
@ -98,6 +100,29 @@ body {
margin: 2px;
}
@media (prefers-color-scheme: dark) {
.widget__container {
background-color: #1c1c1c;
}
.widget__inner-container {
background-color: #1c1c1c;
border: 2px solid #656569;
}
.widget__verification-container {
color: rgb(232, 230, 227);
}
.widget__mcaptcha-brand-name {
color: #7d94f9;
}
.widget__mcaptcha-info-link {
color: #7d94f9;
}
}
/* progress bar courtesy of https://codepen.io/Bizzy-Coding/pen/poOymVJ?editors=1111 */
.progress__bar {
position: relative;
@ -113,3 +138,9 @@ body {
height: 100%;
width: 0%;
}
@media (prefers-color-scheme: dark) {
.progress__bar {
background: unset;
}
}