You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/_posts/2019-10-15-light-dark-colors.md
+10-4Lines changed: 10 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,13 +8,13 @@ icon: "sun"
8
8
published: false
9
9
---
10
10
11
-
The new version **[Bulma 0.8.0](#)** is out! It comes with several bug fixes and a lot of nice new features:
11
+
The new version **[Bulma 0.8.0](#)** is out! 😃 It comes with several bug fixes and a lot of nice new features:
12
12
13
13
*[Light/Dark colors](#light-dark-colors)
14
14
*[Better visual look](#better-visual-look)
15
15
*[Panel colors](#panel-colors)
16
16
*[4-value color map](#4-value-color-map)
17
-
*[Scheme variables](#scheme-variables)
17
+
*[Scheme variables for "Dark mode"](#scheme-variables-for-dark-mode)
18
18
19
19
More in the [Changelog](#).
20
20
@@ -132,10 +132,12 @@ $custom-colors: (
132
132
133
133
This is processed by the updated `mergeColorMaps()` Sass function.
134
134
135
-
{% include elements/anchor.html name="Scheme variables" %}
135
+
{% include elements/anchor.html name='Scheme variables for "Dark mode"' %}
136
136
137
137
There are 6 new `$scheme` derived variables: `$scheme-main``$scheme-main-bis``$scheme-main-ter``$scheme-invert``$scheme-invert-bis``$scheme-invert-ter`
138
-
They replace the `$white` and `$black` occurences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:
138
+
They replace the `$white` and `$black` occurences in the codebase.
139
+
140
+
This makes it easy to create a **"Dark mode"** simply by swapping the values:
139
141
140
142
```sass
141
143
$scheme-main: $black
@@ -144,3 +146,7 @@ $scheme-invert: $white
144
146
```
145
147
146
148
That is also why most of the codebase now references **derived** variables (`$text`, `$background`, `$border` etc.) instead of **initial** ones (`$grey`, `$grey-lighter`, `$grey-darker` etc.): updating the derived variables will affect all elements and components directly.
149
+
150
+
<hrclass="hr">
151
+
152
+
The new 0.8.0 version should be fully compatible with any Bulma setup. Feel free to <ahref="https://github.com/jgthms/bulma/issues"target="_blank">post an issue</a> if you encounter any problem upgrading.
0 commit comments