yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 09:49:20 +02:00
Code Issues Releases Wiki Activity

Redesign admin config and add theme customization

Browse source
This commit is contained in:
Chocobozzz 2025-05-28 09:58:56 +02:00
parent 03425e10d3
commit a6b89bde2b
No known key found for this signature in database
GPG key ID: 583A612D890159BE
98 changed files with 3928 additions and 2525 deletions
Download patch file Download diff file Expand all files Collapse all files

19
client/src/sass/include/_css-variables.scss
View file

@ -1,8 +1,8 @@
@use '_variables' as *;
@use '_mixins' as *;
@use "_variables" as *;
@use "_mixins" as *;
@mixin define-css-variables () {
// ---------------------------------------------------------------------------
@mixin define-css-variables() {
// ---------------------------------------------------------------------------
// New theme with fallback
// ---------------------------------------------------------------------------
@ -10,6 +10,7 @@
--menu-fg: var(--menuForegroundColor);
--menu-margin-left: #{$menu-margin-left};
--menu-width: #{$menu-width};
--menu-border-radius: #{$menu-border-radius};
--fg: var(--mainForegroundColor, #000);
@ -33,6 +34,7 @@
--input-placeholder: var(--inputPlaceholderColor, #{pvar(--fg-50)});
--input-border-color: var(--inputBorderColor, #{pvar(--input-bg)});
--input-border-width: 1px;
--input-check-active-fg: #{pvar(--on-primary)};
--input-check-active-bg: #{pvar(--primary)};
@ -70,6 +72,9 @@
--menu-fg: #{pvar(--fg-400)};
--menu-bg: #{pvar(--bg-secondary-400)};
--header-fg: #{pvar(--fg)};
--header-bg: #{pvar(--bg)};
// ---------------------------------------------------------------------------
--tmp-header-height: #{$header-height};
@ -95,8 +100,8 @@
// ---------------------------------------------------------------------------
// Light theme
&[data-pt-theme=peertube-core-light-beige],
&[data-pt-theme=default] {
&[data-pt-theme="peertube-core-light-beige"],
&[data-pt-theme="default"] {
--is-dark: 0;
--primary: #FF8F37;
@ -128,7 +133,7 @@
}
// Brown
&[data-pt-theme=peertube-core-dark-brown] {
&[data-pt-theme="peertube-core-dark-brown"] {
--is-dark: 1;
--primary: #FD9C50;