Sutty/panel
5
0
Fork 0
mirror of https://0xacab.org/sutty/sutty synced 2025-03-15 01:58:16 +00:00
Code Issues Projects Releases Wiki Activity

Merge branch 'issue-16489' of 0xacab.org:sutty/sutty into production.panel.sutty.nl

Browse source
This commit is contained in:
f 2024-06-14 15:41:43 -03:00
commit 329c3ae2ac
No known key found for this signature in database
2 changed files with 14 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/assets/stylesheets/application.scss
View file

@ -28,6 +28,8 @@ $card-bg: var(--background);
$card-border-color: var(--card-border-color); $card-border-color: var(--card-border-color);
$input-bg: var(--background); $input-bg: var(--background);
$input-color: var(--foreground); $input-color: var(--foreground);
$btn-bg-color: var(--btn-bg-color);
$btn-color: var(--btn-color);
$spacers: ( $spacers: (
2-plus: 0.75rem 2-plus: 0.75rem
@ -69,6 +71,8 @@ $sizes: (
--background: #{$white}; --background: #{$white};
--color: #{$magenta}; --color: #{$magenta};
--card-border-color: #{rgba($black, .125)}; --card-border-color: #{rgba($black, .125)};
--btn-bg-color: #{$black};
--btn-color: #{$white};
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -76,27 +80,16 @@ $sizes: (
--foreground: #{$white}; --foreground: #{$white};
--background: #{$black}; --background: #{$black};
--color: #{$cyan}; --color: #{$cyan};
--card-border-color: #{rgba($white, .125)}; --card-border-color: #{rgba($white, .250)};
--btn-bg-color: #{$white};
--btn-color: #{$black};
} }
.btn-secondary { .btn-secondary {
background-color: $white;
color: $black;
border: none; border: none;
&:hover {
color: $black;
background-color: $cyan;
}
&:active {
background-color: $cyan;
}
&:focus {
box-shadow: 0 0 0 0.2rem $cyan;
}
} }
} }
// TODO: Encontrar la forma de generar esto desde los locales de Rails // TODO: Encontrar la forma de generar esto desde los locales de Rails
@ -255,6 +248,8 @@ svg {
.btn { .btn {
margin-right: 0.3rem; margin-right: 0.3rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
background-color: $btn-bg-color;
color: $btn-color;
&:hover { &:hover {
color: var(--background); color: var(--background);

23
app/assets/stylesheets/dark.scss
View file

@ -6,30 +6,13 @@ $cyan: #13fefe;
--foreground: #{$white}; --foreground: #{$white};
--background: #{$black}; --background: #{$black};
--color: #{$cyan}; --color: #{$cyan};
--card-border-color: #{rgba($white, .125)}; --card-border-color: #{rgba($white, .250)};
} --btn-bg-color: #{$white};
--btn-color: #{$black};
.btn {
background-color: $white;
} }
.btn-secondary { .btn-secondary {
background-color: $white;
color: $black;
border: none; border: none;
&:hover {
color: $black;
background-color: $cyan;
}
&:active {
background-color: $cyan;
}
&:focus {
box-shadow: 0 0 0 0.2rem $cyan;
}
} }