Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 04:34:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Init dark theme

Browse Source
This commit is contained in:
Jeremy Thomas
2022-12-14 17:15:51 +00:00
parent 89a8b8f208
commit b73e183091
18 changed files with 1194 additions and 671 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
sass/components/card.scss
View File

@@ -8,7 +8,7 @@ $card-radius: 0.25rem !default;
$card-header-background-color: transparent !default;
$card-header-color: getVar("text-strong") !default;
$card-header-padding: 0.75rem 1rem !default;
$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default; // TODO
$card-header-shadow: 0 0.125em 0.25em rgba(getVar("shadow-color-rgb"), 0.1) !default; // TODO
$card-header-weight: getVar("weight-bold") !default;
$card-content-background-color: transparent !default;

2
sass/components/modal.scss
View File

@@ -2,7 +2,7 @@
$modal-z: 40 !default;
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default;
$modal-background-background-color: bulmargba(getVar("shadow-color-rgb"), 0.86) !default;
$modal-content-width: 640px !default;
$modal-content-margin-mobile: 20px !default;

14
sass/components/navbar.scss
View File

@@ -34,8 +34,8 @@ $navbar-dropdown-radius: getVar("radius-large") !default;
$navbar-dropdown-z: 20 !default;
$navbar-dropdown-boxed-radius: getVar("radius-large") !default;
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1),
0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default;
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1),
0 0 0 1px bulmargba(getVar("shadow-color-rgb"), 0.1) !default;
$navbar-dropdown-item-hover-color: getVar("scheme-invert") !default;
$navbar-dropdown-item-hover-background-color: getVar("background") !default;
@@ -396,7 +396,7 @@ a.#{$class-prefix}navbar-item,
.#{$class-prefix}navbar-menu {
background-color: getVar("navbar-background-color");
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1);
box-shadow: 0 8px 16px bulmargba(getVar("shadow-color-rgb"), 0.1);
padding: 0.5rem 0;
&.is-active {
@@ -415,7 +415,7 @@ a.#{$class-prefix}navbar-item,
bottom: 0;
&.has-shadow {
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1);
box-shadow: 0 -2px 3px bulmargba(getVar("shadow-color-rgb"), 0.1);
}
}
@@ -541,7 +541,7 @@ a.#{$class-prefix}navbar-item,
getVar("navbar-dropdown-radius") 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1);
box-shadow: 0 -8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1);
top: auto;
}
}
@@ -585,7 +585,7 @@ a.#{$class-prefix}navbar-item,
border-bottom-left-radius: getVar("navbar-dropdown-radius");
border-bottom-right-radius: getVar("navbar-dropdown-radius");
border-top: getVar("navbar-dropdown-border-top");
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1);
box-shadow: 0 8px 8px bulmargba(getVar("shadow-color-rgb"), 0.1);
display: none;
font-size: 0.875rem;
@include ltr-position(0, false);
@@ -662,7 +662,7 @@ a.#{$class-prefix}navbar-item,
bottom: 0;
&.has-shadow {
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1);
box-shadow: 0 -2px 3px bulmargba(getVar("shadow-color-rgb"), 0.1);
}
}

2
sass/components/pagination.scss
View File

@@ -33,7 +33,7 @@ $pagination-current-border-color: getVar("link") !default;
$pagination-ellipsis-color: getVar("grey-light") !default;
$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default;
$pagination-shadow-inset: inset 0 1px 2px rgba(getVar("shadow-color-rgb"), 0.2) !default;
:root {
@include register-vars(