ProjectSegfault/invidious-experimenting
4
0
Fork 0
forked from midou/invidious
Code Pull Requests Activity

CSS: fix light/dark themes for pure buttons

Browse Source
This commit is contained in:
Samantaz Fox 2023-04-22 20:25:26 +02:00
parent 8718f20688
commit cc30b00f8c
No known key found for this signature in database
GPG Key ID: F42821059186176E
1 changed files with 51 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
assets/css/default.css
View File

@ -139,25 +139,6 @@ body a.pure-button-primary,
margin: 0 .4em; margin: 0 .4em;
} }
.dark-theme .pure-button-secondary {
background-color: #0002;
color: #ddd;
}
button.pure-button-primary:hover,
button.pure-button-primary:focus,
body a.pure-button-primary:hover,
body a.pure-button-primary:focus {
background-color: rgba(0, 182, 240, 1);
color: #fff;
}
.pure-button-secondary:hover,
.pure-button-secondary:focus {
color: rgb(0, 182, 240);
border-color: rgb(0, 182, 240);
}
.pure-button-secondary.low-profile { .pure-button-secondary.low-profile {
padding: 5px 10px; padding: 5px 10px;
margin: 0; margin: 0;
@ -219,6 +200,7 @@ div.thumbnail > .bottom-right-overlay {
} }
.length, .top-left-overlay button { .length, .top-left-overlay button {
color: #eee;
background-color: rgba(35, 35, 35, 0.85) !important; background-color: rgba(35, 35, 35, 0.85) !important;
} }
@ -449,9 +431,18 @@ span > select {
color: #075A9E !important; color: #075A9E !important;
} }
.light-theme a.pure-button-primary:hover, .light-theme .pure-button-primary:hover,
.light-theme a.pure-button-primary:focus { .light-theme .pure-button-primary:focus,
.light-theme .pure-button-secondary:hover,
.light-theme .pure-button-secondary:focus {
color: #fff !important; color: #fff !important;
border-color: rgba(0, 182, 240, 0.75) !important;
background-color: rgba(0, 182, 240, 0.75) !important;
}
.light-theme .pure-button-secondary:not(.low-profile) {
color: #335d7a;
background-color: #fff2;
} }
.light-theme a { .light-theme a {
@ -479,9 +470,18 @@ span > select {
color: #075A9E !important; color: #075A9E !important;
} }
.no-theme a.pure-button-primary:hover, .no-theme .pure-button-primary:hover,
.no-theme a.pure-button-primary:focus { .no-theme .pure-button-primary:focus,
.no-theme .pure-button-secondary:hover,
.no-theme .pure-button-secondary:focus {
color: #fff !important; color: #fff !important;
border-color: rgba(0, 182, 240, 0.75) !important;
background-color: rgba(0, 182, 240, 0.75) !important;
}
.no-theme .pure-button-secondary:not(.low-profile) {
color: #335d7a;
background-color: #fff2;
} }
.no-theme a { .no-theme a {
@ -514,6 +514,20 @@ span > select {
color: rgb(0, 182, 240); color: rgb(0, 182, 240);
} }
.dark-theme .pure-button-primary:hover,
.dark-theme .pure-button-primary:focus,
.dark-theme .pure-button-secondary:hover,
.dark-theme .pure-button-secondary:focus {
color: #fff !important;
border-color: rgb(0, 182, 240) !important;
background-color: rgba(0, 182, 240, 1) !important;
}
.dark-theme .pure-button-secondary {
background-color: #0002;
color: #ddd;
}
.dark-theme a { .dark-theme a {
color: #a0a0a0; color: #a0a0a0;
text-decoration: none; text-decoration: none;
@ -554,6 +568,20 @@ body.dark-theme {
color: rgb(0, 182, 240); color: rgb(0, 182, 240);
} }
.no-theme .pure-button-primary:hover,
.no-theme .pure-button-primary:focus,
.no-theme .pure-button-secondary:hover,
.no-theme .pure-button-secondary:focus {
color: #fff !important;
border-color: rgb(0, 182, 240) !important;
background-color: rgba(0, 182, 240, 1) !important;
}
.no-theme .pure-button-secondary {
background-color: #0002;
color: #ddd;
}
.no-theme a { .no-theme a {
color: #a0a0a0; color: #a0a0a0;
text-decoration: none; text-decoration: none;