Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-23 21:39:36 -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

64
sass/themes/dark.scss Normal file
View File

@@ -0,0 +1,64 @@
// $scheme-main: $black;
// $scheme-main-bis: $black-bis;
// $scheme-main-ter: $black-ter;
// $scheme-invert: $white;
// $scheme-invert-bis: $white-bis;
// $scheme-invert-ter: $white-ter;
// $background: $black-ter;
// $border: $grey-darker;
// $border-hover: $grey-dark;
// $border-light: $grey-darker;
// $border-light-hover: $grey-dark;
// $text: $grey-light;
// $text-invert: $grey-darker;
// $text-light: $grey;
// $text-strong: $white;
// $link-hover: $white;
// $link-hover-border: $grey-dark;
// $link-focus: $white;
// $link-focus-border: $blue;
// $link-active: $white;
// $link-active-border: $grey-light;
@include bulma-theme($name: "dark") {
@include register-vars(
(
scheme-main: #{$black-bis},
scheme-main-bis: #{$black-ter},
scheme-main-ter: #{$grey-darker},
scheme-invert: #{$white},
scheme-invert-bis: #{$white-bis},
scheme-invert-ter: #{$white-ter},
background: #{$black-ter},
border: #{$grey-darker},
border-hover: #{$grey-dark},
border-light: #{$grey-darker},
border-light-hover: #{$grey-dark},
text: #{$grey-light},
text-invert: #{$grey-darker},
text-light: #{$grey},
text-strong: #{$white},
link-hover: #{$white},
link-hover-border: #{$grey-dark},
link-focus: #{$white},
link-focus-border: #{$blue},
link-active: #{$white},
link-active-border: #{$grey-light},
shadow: #{0 0.5em 1em -0.125em rgba($white, 0.2),
0 0px 0 1px rgba($white, 0.04)},
)
);
}