suwako
/
invidious-mod
3
1
フォーク 1
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

CSS: fix light/dark themes for pure buttons

このコミットが含まれているのは:
Samantaz Fox 2023-04-22 20:25:26 +02:00
親 8718f20688
コミット cc30b00f8c
この署名に対応する既知のキーがデータベースに存在しません
GPGキーID: F42821059186176E
1個のファイルの変更、51行の追加、23行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

74
assets/css/default.css
ファイルの表示

@ -139,25 +139,6 @@ body a.pure-button-primary,
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 {
padding: 5px 10px;
margin: 0;
@ -219,6 +200,7 @@ div.thumbnail > .bottom-right-overlay {
}
.length, .top-left-overlay button {
color: #eee;
background-color: rgba(35, 35, 35, 0.85) !important;
}
@ -449,9 +431,18 @@ span > select {
color: #075A9E !important;
}
.light-theme a.pure-button-primary:hover,
.light-theme a.pure-button-primary:focus {
.light-theme .pure-button-primary:hover,
.light-theme .pure-button-primary:focus,
.light-theme .pure-button-secondary:hover,
.light-theme .pure-button-secondary:focus {
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 {
@ -479,9 +470,18 @@ span > select {
color: #075A9E !important;
}
.no-theme a.pure-button-primary:hover,
.no-theme a.pure-button-primary:focus {
.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: 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 {
@ -514,6 +514,20 @@ span > select {
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 {
color: #a0a0a0;
text-decoration: none;
@ -554,6 +568,20 @@ body.dark-theme {
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 {
color: #a0a0a0;
text-decoration: none;