diff options
| author | Chocobozzz <me@florianbigard.com> | 2023-02-27 15:42:23 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2023-02-27 15:51:07 +0100 |
| commit | 20c21606aca70717d0b6dc0060be398b06d993e7 (patch) | |
| tree | a8f20bfd1ee3ac0a7789311c6323a8f9b4f06681 /client/src | |
| parent | ff67e42303125ec646dd66a4f8a2384ee34aecaf (diff) | |
| download | PeerTube-20c21606aca70717d0b6dc0060be398b06d993e7.tar.gz PeerTube-20c21606aca70717d0b6dc0060be398b06d993e7.tar.zst PeerTube-20c21606aca70717d0b6dc0060be398b06d993e7.zip | |
Fix hotkeys page theming
Diffstat (limited to 'client/src')
| -rw-r--r-- | client/src/app/core/hotkeys/hotkeys.component.scss | 12 | ||||
| -rw-r--r-- | client/src/sass/bootstrap.scss | 2 |
2 files changed, 7 insertions, 7 deletions
diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss index a848d98cd..da23b1f48 100644 --- a/client/src/app/core/hotkeys/hotkeys.component.scss +++ b/client/src/app/core/hotkeys/hotkeys.component.scss | |||
| @@ -10,9 +10,9 @@ | |||
| 10 | height: 100%; | 10 | height: 100%; |
| 11 | top: 0; | 11 | top: 0; |
| 12 | left: 0; | 12 | left: 0; |
| 13 | color: #333; | 13 | color: pvar(--mainForegroundColor); |
| 14 | font-size: 1em; | 14 | font-size: 1em; |
| 15 | background-color: rgba(255, 255, 255, 0.9); | 15 | background-color: pvar(--mainBackgroundColor); |
| 16 | } | 16 | } |
| 17 | 17 | ||
| 18 | .cfp-hotkeys-container.fade { | 18 | .cfp-hotkeys-container.fade { |
| @@ -41,7 +41,7 @@ | |||
| 41 | 41 | ||
| 42 | .cfp-hotkeys table { | 42 | .cfp-hotkeys table { |
| 43 | margin: auto; | 43 | margin: auto; |
| 44 | color: #333; | 44 | color: pvar(--mainForegroundColor); |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | .cfp-content { | 47 | .cfp-content { |
| @@ -58,9 +58,9 @@ | |||
| 58 | @include margin-right(5px); | 58 | @include margin-right(5px); |
| 59 | 59 | ||
| 60 | display: inline-block; | 60 | display: inline-block; |
| 61 | color: #fff; | 61 | color: pvar(--mainBackgroundColor); |
| 62 | background-color: #333; | 62 | background-color: pvar(--mainForegroundColor); |
| 63 | border: 1px solid #333; | 63 | border: 1px solid pvar(--mainForegroundColor); |
| 64 | border-radius: 5px; | 64 | border-radius: 5px; |
| 65 | text-align: center; | 65 | text-align: center; |
| 66 | box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb; | 66 | box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb; |
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index da72c1eb6..3b847c75b 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss | |||
| @@ -39,7 +39,7 @@ | |||
| 39 | --bs-accordion-bg: #{pvar(--mainBackgroundColor)}; | 39 | --bs-accordion-bg: #{pvar(--mainBackgroundColor)}; |
| 40 | 40 | ||
| 41 | --bs-accordion-btn-color: var(--bs-accordion-color); | 41 | --bs-accordion-btn-color: var(--bs-accordion-color); |
| 42 | --bs-accordion-btn-bg: var(--bs-accordion-bg) | 42 | --bs-accordion-btn-bg: var(--bs-accordion-bg); |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | .popover { | 45 | .popover { |