KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#211 dark mode - fixes

This commit is contained in:
Avris 2021-06-15 13:25:30 +02:00
parent 5a5c0e625e
commit 7372e1f15a
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/dark.scss
View File

@ -11,6 +11,8 @@ body[data-theme="dark"] {
a:hover { color: lighten($primary, 30%); } a:hover { color: lighten($primary, 30%); }
.text-dark { color: $light !important; } .text-dark { color: $light !important; }
.btn-outline-primary { color: $light; &:hover {color: $light;}} .btn-outline-primary { color: $light; &:hover {color: $light;}}
.btn-outline-success { color: lighten($success, 20%); &:hover {color: $light;} }
.alert-info { background-color: darken($info, 35%); border-color: darken($info, 25%); color: $light; }
/* BUTTONS */ /* BUTTONS */
@ -183,8 +185,8 @@ body[data-theme="dark"] {
.form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder, .form-control::-moz-placeholder,
.form-control::placeholder { color: #ccc; } .form-control::placeholder { color: $light; }
.form-control-plaintext { color: #ccc; } .form-control-plaintext { color: $light; }
.form-control { color: #fff; background-color: #333; border: 1px solid #111; } .form-control { color: #fff; background-color: #333; border: 1px solid #111; }
.form-select { color: #fff; border-color: #111 !important; background: #333 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #111; } .form-select { color: #fff; border-color: #111 !important; background: #333 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #111; }
.form-select:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem #dc3545; background-color: rgba(255,0,0,0.1); } .form-select:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem #dc3545; background-color: rgba(255,0,0,0.1); }
@ -207,7 +209,7 @@ body[data-theme="dark"] {
} }
} }
.icon { .icon, .revesible {
filter: invert(1); filter: invert(1);
} }

2
routes/team.vue
View File

@ -6,7 +6,7 @@
</h2> </h2>
<figure class="float-end border rounded"> <figure class="float-end border rounded">
<img src="/img/collective-logo.svg" alt=""/> <img src="/img/collective-logo.svg" alt="" class="revesible"/>
<figcaption> <figcaption>
<p><T>contact.team.logo</T></p> <p><T>contact.team.logo</T></p>
<p class="text-center bigger mb-0"> <p class="text-center bigger mb-0">