Mirroristas/mCaptcha
2
0
Fork 0
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2025-11-24 14:35:46 +00:00
Code Issues Packages Projects Releases 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; display: flex;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: #f6f6f6;
border: 2px solid #e5e5e5;
} }
.widget__noscript-container { .widget__noscript-container {
@ -98,6 +100,29 @@ body {
margin: 2px; 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 courtesy of https://codepen.io/Bizzy-Coding/pen/poOymVJ?editors=1111 */
.progress__bar { .progress__bar {
position: relative; position: relative;
@ -113,3 +138,9 @@ body {
height: 100%; height: 100%;
width: 0%; width: 0%;
} }
@media (prefers-color-scheme: dark) {
.progress__bar {
background: unset;
}
}