yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-05 19:42:24 +02:00
Code Issues Releases Wiki Activity

Improve danger button style

Browse source
This commit is contained in:
Chocobozzz 2025-04-14 09:20:33 +02:00
parent 3cce7ec1a0
commit 5e71dec766
No known key found for this signature in database
GPG key ID: 583A612D890159BE
3 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/sass/include/_button-mixins.scss
View file

@ -146,11 +146,11 @@
} }
@mixin danger-button { @mixin danger-button {
background-color: pvar(--red); background-color: pvar(--input-danger-bg);
color: pvar(--on-red); color: pvar(--input-danger-fg);
border: 1px solid pvar(--red); border: 0;
@include button-focus(pvar(--red)); @include button-focus(pvar(--input-danger-bg));
&:hover, &:hover,
&:active, &:active,

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

@ -20,7 +20,6 @@
--on-primary: #{pvar(--fg)}; --on-primary: #{pvar(--fg)};
--red: #{$red}; --red: #{$red};
--on-red: #{$white};
--green: #{$green}; --green: #{$green};
@ -29,6 +28,9 @@
--input-bg: var(--inputBackgroundColor, #{pvar(--bg-secondary-400)}); --input-bg: var(--inputBackgroundColor, #{pvar(--bg-secondary-400)});
--input-bg-in-secondary: #{pvar(--input-bg-550)}; --input-bg-in-secondary: #{pvar(--input-bg-550)};
--input-danger-fg: #9C221C;
--input-danger-bg: #FEBBB2;
--input-placeholder: var(--inputPlaceholderColor, #{pvar(--fg-50)}); --input-placeholder: var(--inputPlaceholderColor, #{pvar(--fg-50)});
--input-border-color: var(--inputBorderColor, #{pvar(--input-bg)}); --input-border-color: var(--inputBorderColor, #{pvar(--input-bg)});
@ -135,6 +137,9 @@
--input-bg: #{pvar(--bg-secondary-450)}; --input-bg: #{pvar(--bg-secondary-450)};
--input-danger-fg: #FEBBB2;
--input-danger-bg: #9C221C;
--fg: hsl(0 10% 96%); --fg: hsl(0 10% 96%);
--bg: hsl(0 14% 7%); --bg: hsl(0 14% 7%);

5
client/src/sass/include/_variables.scss
View file

@ -93,8 +93,6 @@ $variables: (
--bg: var(--bg), --bg: var(--bg),
--red: var(--red), --red: var(--red),
--on-red: var(--on-red),
--green: var(--green), --green: var(--green),
--input-fg: var(--input-fg), --input-fg: var(--input-fg),
@ -104,6 +102,9 @@ $variables: (
--input-bg-600: var(--input-bg-600), --input-bg-600: var(--input-bg-600),
--input-bg-in-secondary: var(--input-bg-in-secondary), --input-bg-in-secondary: var(--input-bg-in-secondary),
--input-danger-fg: var(--input-danger-fg),
--input-danger-bg: var(--input-danger-bg),
--input-placeholder: var(--input-placeholder), --input-placeholder: var(--input-placeholder),
--input-border-color: var(--input-border-color), --input-border-color: var(--input-border-color),
--input-border-radius: var(--input-border-radius), --input-border-radius: var(--input-border-radius),