]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Init dark theme
authorJeremy Thomas <bbxdesign@gmail.com>
Wed, 14 Dec 2022 17:15:51 +0000 (17:15 +0000)
committerJeremy Thomas <bbxdesign@gmail.com>
Wed, 14 Dec 2022 17:15:51 +0000 (17:15 +0000)
18 files changed:
docs/.gitignore
docs/_layouts/cypress.html
docs/bulma.scss
docs/css/bulma.css
docs/cyp/base/generic.html
sass/components/card.scss
sass/components/modal.scss
sass/components/navbar.scss
sass/components/pagination.scss
sass/elements/box.scss
sass/form/shared.scss
sass/layout/hero.scss
sass/themes/dark.scss [new file with mode: 0644]
sass/themes/default.scss
sass/utilities/css-variables.scss
sass/utilities/derived-variables.scss
sass/utilities/initial-variables.scss
sass/utilities/mixins.scss

index 1b8f16f3eab61c6a151240c7fd25b50ac3227b78..14acf1d5a48fb724c05d30ad8d20170c48a502b5 100644 (file)
@@ -6,20 +6,21 @@ _config.local.yml
 _config.version.yml
 _layouts/basic.html
 _layouts/dev.html
+bulma-test.css
 bulma-test.sass
 bulma-test.scss
-bulma-test.css
 bulma-website-local.sass
-css/bulma-test.css
 css/bulma-docs.css.map
-PUBLISHING.md
+css/bulma-test.css
 npm-debug.log
+PUBLISHING.md
 test.html
 test.sass
 test.scss
 
 # Folders
 
+.jekyll-cache
 .sass-cache
 /bulma
 /cypress/videos
@@ -28,4 +29,3 @@ test.scss
 /styles/node_modules
 /versions
 _site
-.jekyll-cache
index 9906ea9270b3ce30439c95753f8fcc0a2c31ae43..8cf49a2ce082f7e60a0771e3a0e37f8ad0e49d9d 100644 (file)
@@ -1,14 +1,22 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="theme-dark">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>{% if page.fulltitle %}{{ page.fulltitle | markdownify | strip_html }}{% else %}{% if page.title %}{{ page.title | markdownify | strip_html }} | {% endif %}{{ site.data.meta.title | markdownify | strip_html }}{% endif %}</title>
+    <title>
+      {% if page.fulltitle %}{{ page.fulltitle | markdownify | strip_html }}{%
+      else %}{% if page.title %}{{ page.title | markdownify | strip_html }} | {%
+      endif %}{{ site.data.meta.title | markdownify | strip_html }}{% endif %}
+    </title>
 
-    <link rel="stylesheet" href="{{ site.url }}/vendor/fontawesome-free-5.15.2-web/css/all.min.css">
-    <link rel="stylesheet" href="{{ site.url }}/css/bulma.css?v={{ site.time | date: "%Y%m%d%H%M" }}">
+    <link
+      rel="stylesheet"
+      href="{{ site.url }}/vendor/fontawesome-free-5.15.2-web/css/all.min.css"
+    />
+    <link rel="stylesheet" href="{{ site.url }}/css/bulma.css?v={{ site.time |
+    date: "%Y%m%d%H%M" }}">
   </head>
   <body>
     {{ content }}
index 1292aa4cc6493959397a9307e54f0660f541baf8..9febe6a631da86e7086b5fea1abb6f788d14427c 100644 (file)
@@ -1,2 +1,3 @@
 @charset "utf-8";
 @import "../bulma";
+// @import "../sass/themes/dark";
index bab641e338616789d621942652a83898b2719c3b..1282c4bcde1aaa6b96e94b6163919984fd8137b4 100644 (file)
@@ -105,7 +105,7 @@ fieldset[disabled] .pagination-ellipsis {
   user-select: none;
   -moz-appearance: none;
   -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.2);
   border: none;
   border-radius: 9999px;
   cursor: pointer;
@@ -126,7 +126,7 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .delete::before, .modal-close::before, .delete::after, .modal-close::after {
-  background-color: white;
+  background-color: var(--bulma-white);
   content: "";
   display: block;
   left: 50%;
@@ -147,11 +147,11 @@ fieldset[disabled] .pagination-ellipsis {
 }
 
 .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
-  background-color: rgba(10, 10, 10, 0.3);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.3);
 }
 
 .delete:active, .modal-close:active {
-  background-color: rgba(10, 10, 10, 0.4);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.4);
 }
 
 .is-small.delete, .is-small.modal-close {
@@ -492,8 +492,8 @@ table th {
   --bulma-box-radius: var(--bulma-radius-large);
   --bulma-box-shadow: var(--bulma-shadow);
   --bulma-box-padding: 1.25rem;
-  --bulma-box-link-hover-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px var(--bulma-link);
-  --bulma-box-link-active-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px var(--bulma-link);
+  --bulma-box-link-hover-shadow: 0 0.5em 1em -0.125em rgba(var(--bulma-shadow-color-rgb), 0.1), 0 0 0 1px var(--bulma-link);
+  --bulma-box-link-active-shadow: inset 0 1px 2px rgba(var(--bulma-shadow-color-rgb), 0.2), 0 0 0 1px var(--bulma-link);
 }
 
 .box {
@@ -526,7 +526,7 @@ a.box:active {
   --bulma-button-focus-color: var(--bulma-link-focus);
   --bulma-button-focus-border-color: var(--bulma-link-focus-border);
   --bulma-button-focus-box-shadow-size: 0 0 0 0.125em;
-  --bulma-button-focus-box-shadow-color: rgba(72, 95, 199, 0.25);
+  --bulma-button-focus-box-shadow-color: rgba(60, 87, 211, 0.25);
   --bulma-button-active-color: var(--bulma-link-active);
   --bulma-button-active-border-color: var(--bulma-link-active-border);
   --bulma-button-text-color: var(--bulma-text);
@@ -1189,13 +1189,13 @@ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
 }
 
 .button.is-link {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-link:hover, .button.is-link.is-hovered {
-  background-color: #3e56c4;
+  background-color: #314ed0;
   border-color: transparent;
   color: #fff;
 }
@@ -1206,25 +1206,25 @@ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
 }
 
 .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
-  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(72, 95, 199, 0.25);
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(60, 87, 211, 0.25);
 }
 
 .button.is-link:active, .button.is-link.is-active {
-  background-color: #3a51bb;
+  background-color: #2d4ac8;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-link[disabled],
 fieldset[disabled] .button.is-link {
-  background-color: #485fc7;
-  border-color: #485fc7;
+  background-color: #3c57d3;
+  border-color: #3c57d3;
   box-shadow: none;
 }
 
 .button.is-link.is-inverted {
   background-color: #fff;
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
@@ -1236,7 +1236,7 @@ fieldset[disabled] .button.is-link.is-inverted {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .button.is-link.is-loading::after {
@@ -1245,18 +1245,18 @@ fieldset[disabled] .button.is-link.is-inverted {
 
 .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #485fc7;
-  color: #485fc7;
+  border-color: #3c57d3;
+  color: #3c57d3;
 }
 
 .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
-  background-color: #485fc7;
-  border-color: #485fc7;
+  background-color: #3c57d3;
+  border-color: #3c57d3;
   color: #fff;
 }
 
 .button.is-link.is-outlined.is-loading::after {
-  border-color: transparent transparent #485fc7 #485fc7 !important;
+  border-color: transparent transparent #3c57d3 #3c57d3 !important;
 }
 
 .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
@@ -1266,9 +1266,9 @@ fieldset[disabled] .button.is-link.is-inverted {
 .button.is-link.is-outlined[disabled],
 fieldset[disabled] .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #485fc7;
+  border-color: #3c57d3;
   box-shadow: none;
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .button.is-link.is-inverted.is-outlined {
@@ -1279,11 +1279,11 @@ fieldset[disabled] .button.is-link.is-outlined {
 
 .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #485fc7 #485fc7 !important;
+  border-color: transparent transparent #3c57d3 #3c57d3 !important;
 }
 
 .button.is-link.is-inverted.is-outlined[disabled],
@@ -1294,31 +1294,14 @@ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
   color: #fff;
 }
 
-.button.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
-}
-
-.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
-  background-color: #e6e9f7;
-  border-color: transparent;
-  color: #3850b7;
-}
-
-.button.is-link.is-light:active, .button.is-link.is-light.is-active {
-  background-color: #dce0f4;
-  border-color: transparent;
-  color: #3850b7;
-}
-
 .button.is-info {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-info:hover, .button.is-info.is-hovered {
-  background-color: #3488ce;
+  background-color: #0bb0f6;
   border-color: transparent;
   color: #fff;
 }
@@ -1329,25 +1312,25 @@ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
 }
 
 .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
-  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(62, 142, 208, 0.25);
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(24, 180, 247, 0.25);
 }
 
 .button.is-info:active, .button.is-info.is-active {
-  background-color: #3082c5;
+  background-color: #09a8ec;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-info[disabled],
 fieldset[disabled] .button.is-info {
-  background-color: #3e8ed0;
-  border-color: #3e8ed0;
+  background-color: #18b4f7;
+  border-color: #18b4f7;
   box-shadow: none;
 }
 
 .button.is-info.is-inverted {
   background-color: #fff;
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
@@ -1359,7 +1342,7 @@ fieldset[disabled] .button.is-info.is-inverted {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .button.is-info.is-loading::after {
@@ -1368,18 +1351,18 @@ fieldset[disabled] .button.is-info.is-inverted {
 
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #3e8ed0;
-  color: #3e8ed0;
+  border-color: #18b4f7;
+  color: #18b4f7;
 }
 
 .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
-  background-color: #3e8ed0;
-  border-color: #3e8ed0;
+  background-color: #18b4f7;
+  border-color: #18b4f7;
   color: #fff;
 }
 
 .button.is-info.is-outlined.is-loading::after {
-  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
+  border-color: transparent transparent #18b4f7 #18b4f7 !important;
 }
 
 .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
@@ -1389,9 +1372,9 @@ fieldset[disabled] .button.is-info.is-inverted {
 .button.is-info.is-outlined[disabled],
 fieldset[disabled] .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #3e8ed0;
+  border-color: #18b4f7;
   box-shadow: none;
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .button.is-info.is-inverted.is-outlined {
@@ -1402,11 +1385,11 @@ fieldset[disabled] .button.is-info.is-outlined {
 
 .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
+  border-color: transparent transparent #18b4f7 #18b4f7 !important;
 }
 
 .button.is-info.is-inverted.is-outlined[disabled],
@@ -1418,30 +1401,30 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
 }
 
 .button.is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: #ebf9fe;
+  color: #0677a7;
 }
 
 .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
-  background-color: #e4eff9;
+  background-color: #dff5fe;
   border-color: transparent;
-  color: #296fa8;
+  color: #0677a7;
 }
 
 .button.is-info.is-light:active, .button.is-info.is-light.is-active {
-  background-color: #dae9f6;
+  background-color: #d3f1fd;
   border-color: transparent;
-  color: #296fa8;
+  color: #0677a7;
 }
 
 .button.is-success {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-success:hover, .button.is-success.is-hovered {
-  background-color: #3ec487;
+  background-color: #35cd7c;
   border-color: transparent;
   color: #fff;
 }
@@ -1452,25 +1435,25 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
 }
 
 .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
-  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(72, 199, 142, 0.25);
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(63, 207, 130, 0.25);
 }
 
 .button.is-success:active, .button.is-success.is-active {
-  background-color: #3abb81;
+  background-color: #31c476;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-success[disabled],
 fieldset[disabled] .button.is-success {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: #3fcf82;
+  border-color: #3fcf82;
   box-shadow: none;
 }
 
 .button.is-success.is-inverted {
   background-color: #fff;
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
@@ -1482,7 +1465,7 @@ fieldset[disabled] .button.is-success.is-inverted {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .button.is-success.is-loading::after {
@@ -1491,18 +1474,18 @@ fieldset[disabled] .button.is-success.is-inverted {
 
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #48c78e;
-  color: #48c78e;
+  border-color: #3fcf82;
+  color: #3fcf82;
 }
 
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: #3fcf82;
+  border-color: #3fcf82;
   color: #fff;
 }
 
 .button.is-success.is-outlined.is-loading::after {
-  border-color: transparent transparent #48c78e #48c78e !important;
+  border-color: transparent transparent #3fcf82 #3fcf82 !important;
 }
 
 .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
@@ -1512,9 +1495,9 @@ fieldset[disabled] .button.is-success.is-inverted {
 .button.is-success.is-outlined[disabled],
 fieldset[disabled] .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #48c78e;
+  border-color: #3fcf82;
   box-shadow: none;
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .button.is-success.is-inverted.is-outlined {
@@ -1525,11 +1508,11 @@ fieldset[disabled] .button.is-success.is-outlined {
 
 .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #48c78e #48c78e !important;
+  border-color: transparent transparent #3fcf82 #3fcf82 !important;
 }
 
 .button.is-success.is-inverted.is-outlined[disabled],
@@ -1541,153 +1524,153 @@ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
 }
 
 .button.is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: #effbf4;
+  color: #1e7647;
 }
 
 .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
-  background-color: #e6f7ef;
+  background-color: #e4f8ee;
   border-color: transparent;
-  color: #257953;
+  color: #1e7647;
 }
 
 .button.is-success.is-light:active, .button.is-success.is-light.is-active {
-  background-color: #dcf4e9;
+  background-color: #daf6e7;
   border-color: transparent;
-  color: #257953;
+  color: #1e7647;
 }
 
 .button.is-warning {
-  background-color: #ffe08a;
+  background-color: #ffb60a;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .button.is-warning:hover, .button.is-warning.is-hovered {
-  background-color: #ffdc7d;
+  background-color: #fcb100;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .button.is-warning:focus, .button.is-warning.is-focused {
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
-  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(255, 224, 138, 0.25);
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(255, 182, 10, 0.25);
 }
 
 .button.is-warning:active, .button.is-warning.is-active {
-  background-color: #ffd970;
+  background-color: #f0a800;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .button.is-warning[disabled],
 fieldset[disabled] .button.is-warning {
-  background-color: #ffe08a;
-  border-color: #ffe08a;
+  background-color: #ffb60a;
+  border-color: #ffb60a;
   box-shadow: none;
 }
 
 .button.is-warning.is-inverted {
-  background-color: rgba(0, 0, 0, 0.7);
-  color: #ffe08a;
+  background-color: var(--bulma-white);
+  color: #ffb60a;
 }
 
 .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--bulma-white);
 }
 
 .button.is-warning.is-inverted[disabled],
 fieldset[disabled] .button.is-warning.is-inverted {
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--bulma-white);
   border-color: transparent;
   box-shadow: none;
-  color: #ffe08a;
+  color: #ffb60a;
 }
 
 .button.is-warning.is-loading::after {
-  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+  border-color: transparent transparent var(--bulma-white) var(--bulma-white) !important;
 }
 
 .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #ffe08a;
-  color: #ffe08a;
+  border-color: #ffb60a;
+  color: #ffb60a;
 }
 
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
-  background-color: #ffe08a;
-  border-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  border-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .button.is-warning.is-outlined.is-loading::after {
-  border-color: transparent transparent #ffe08a #ffe08a !important;
+  border-color: transparent transparent #ffb60a #ffb60a !important;
 }
 
 .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+  border-color: transparent transparent var(--bulma-white) var(--bulma-white) !important;
 }
 
 .button.is-warning.is-outlined[disabled],
 fieldset[disabled] .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #ffe08a;
+  border-color: #ffb60a;
   box-shadow: none;
-  color: #ffe08a;
+  color: #ffb60a;
 }
 
 .button.is-warning.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.7);
-  color: rgba(0, 0, 0, 0.7);
+  border-color: var(--bulma-white);
+  color: var(--bulma-white);
 }
 
 .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
-  background-color: rgba(0, 0, 0, 0.7);
-  color: #ffe08a;
+  background-color: var(--bulma-white);
+  color: #ffb60a;
 }
 
 .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #ffe08a #ffe08a !important;
+  border-color: transparent transparent #ffb60a #ffb60a !important;
 }
 
 .button.is-warning.is-inverted.is-outlined[disabled],
 fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
   background-color: transparent;
-  border-color: rgba(0, 0, 0, 0.7);
+  border-color: var(--bulma-white);
   box-shadow: none;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .button.is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: #fff9eb;
+  color: #946800;
 }
 
 .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
-  background-color: #fff6de;
+  background-color: #fff5de;
   border-color: transparent;
-  color: #946c00;
+  color: #946800;
 }
 
 .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
-  background-color: #fff3d1;
+  background-color: #fff1d1;
   border-color: transparent;
-  color: #946c00;
+  color: #946800;
 }
 
 .button.is-danger {
-  background-color: #f14668;
+  background-color: #f15146;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-danger:hover, .button.is-danger.is-hovered {
-  background-color: #f03a5f;
+  background-color: #f0463a;
   border-color: transparent;
   color: #fff;
 }
@@ -1698,25 +1681,25 @@ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
 }
 
 .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
-  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(241, 70, 104, 0.25);
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(241, 81, 70, 0.25);
 }
 
 .button.is-danger:active, .button.is-danger.is-active {
-  background-color: #ef2e55;
+  background-color: #ef3b2e;
   border-color: transparent;
   color: #fff;
 }
 
 .button.is-danger[disabled],
 fieldset[disabled] .button.is-danger {
-  background-color: #f14668;
-  border-color: #f14668;
+  background-color: #f15146;
+  border-color: #f15146;
   box-shadow: none;
 }
 
 .button.is-danger.is-inverted {
   background-color: #fff;
-  color: #f14668;
+  color: #f15146;
 }
 
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
@@ -1728,7 +1711,7 @@ fieldset[disabled] .button.is-danger.is-inverted {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #f14668;
+  color: #f15146;
 }
 
 .button.is-danger.is-loading::after {
@@ -1737,18 +1720,18 @@ fieldset[disabled] .button.is-danger.is-inverted {
 
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #f14668;
-  color: #f14668;
+  border-color: #f15146;
+  color: #f15146;
 }
 
 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
-  background-color: #f14668;
-  border-color: #f14668;
+  background-color: #f15146;
+  border-color: #f15146;
   color: #fff;
 }
 
 .button.is-danger.is-outlined.is-loading::after {
-  border-color: transparent transparent #f14668 #f14668 !important;
+  border-color: transparent transparent #f15146 #f15146 !important;
 }
 
 .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
@@ -1758,9 +1741,9 @@ fieldset[disabled] .button.is-danger.is-inverted {
 .button.is-danger.is-outlined[disabled],
 fieldset[disabled] .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #f14668;
+  border-color: #f15146;
   box-shadow: none;
-  color: #f14668;
+  color: #f15146;
 }
 
 .button.is-danger.is-inverted.is-outlined {
@@ -1771,11 +1754,11 @@ fieldset[disabled] .button.is-danger.is-outlined {
 
 .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #f14668;
+  color: #f15146;
 }
 
 .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #f14668 #f14668 !important;
+  border-color: transparent transparent #f15146 #f15146 !important;
 }
 
 .button.is-danger.is-inverted.is-outlined[disabled],
@@ -1787,20 +1770,126 @@ fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
 }
 
 .button.is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: #feedec;
+  color: #c71b0f;
 }
 
 .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
-  background-color: #fde0e6;
+  background-color: #fde2e0;
   border-color: transparent;
-  color: #cc0f35;
+  color: #c71b0f;
 }
 
 .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
-  background-color: #fcd4dc;
+  background-color: #fcd7d4;
+  border-color: transparent;
+  color: #c71b0f;
+}
+
+.button.is-text {
+  background-color: #404654;
+  border-color: transparent;
+  color: #fff;
+}
+
+.button.is-text:hover, .button.is-text.is-hovered {
+  background-color: #3a404d;
+  border-color: transparent;
+  color: #fff;
+}
+
+.button.is-text:focus, .button.is-text.is-focused {
+  border-color: transparent;
+  color: #fff;
+}
+
+.button.is-text:focus:not(:active), .button.is-text.is-focused:not(:active) {
+  box-shadow: var(--bulma-button-focus-box-shadow-size) rgba(64, 70, 84, 0.25);
+}
+
+.button.is-text:active, .button.is-text.is-active {
+  background-color: #353a46;
+  border-color: transparent;
+  color: #fff;
+}
+
+.button.is-text[disabled],
+fieldset[disabled] .button.is-text {
+  background-color: #404654;
+  border-color: #404654;
+  box-shadow: none;
+}
+
+.button.is-text.is-inverted {
+  background-color: #fff;
+  color: #404654;
+}
+
+.button.is-text.is-inverted:hover, .button.is-text.is-inverted.is-hovered {
+  background-color: #f2f2f2;
+}
+
+.button.is-text.is-inverted[disabled],
+fieldset[disabled] .button.is-text.is-inverted {
+  background-color: #fff;
   border-color: transparent;
-  color: #cc0f35;
+  box-shadow: none;
+  color: #404654;
+}
+
+.button.is-text.is-loading::after {
+  border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-text.is-outlined {
+  background-color: transparent;
+  border-color: #404654;
+  color: #404654;
+}
+
+.button.is-text.is-outlined:hover, .button.is-text.is-outlined.is-hovered, .button.is-text.is-outlined:focus, .button.is-text.is-outlined.is-focused {
+  background-color: #404654;
+  border-color: #404654;
+  color: #fff;
+}
+
+.button.is-text.is-outlined.is-loading::after {
+  border-color: transparent transparent #404654 #404654 !important;
+}
+
+.button.is-text.is-outlined.is-loading:hover::after, .button.is-text.is-outlined.is-loading.is-hovered::after, .button.is-text.is-outlined.is-loading:focus::after, .button.is-text.is-outlined.is-loading.is-focused::after {
+  border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-text.is-outlined[disabled],
+fieldset[disabled] .button.is-text.is-outlined {
+  background-color: transparent;
+  border-color: #404654;
+  box-shadow: none;
+  color: #404654;
+}
+
+.button.is-text.is-inverted.is-outlined {
+  background-color: transparent;
+  border-color: #fff;
+  color: #fff;
+}
+
+.button.is-text.is-inverted.is-outlined:hover, .button.is-text.is-inverted.is-outlined.is-hovered, .button.is-text.is-inverted.is-outlined:focus, .button.is-text.is-inverted.is-outlined.is-focused {
+  background-color: #fff;
+  color: #404654;
+}
+
+.button.is-text.is-inverted.is-outlined.is-loading:hover::after, .button.is-text.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-text.is-inverted.is-outlined.is-loading:focus::after, .button.is-text.is-inverted.is-outlined.is-loading.is-focused::after {
+  border-color: transparent transparent #404654 #404654 !important;
+}
+
+.button.is-text.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-text.is-inverted.is-outlined {
+  background-color: transparent;
+  border-color: #fff;
+  box-shadow: none;
+  color: #fff;
 }
 
 .button.is-small {
@@ -2530,53 +2619,53 @@ div.icon-text {
 }
 
 .notification.is-link {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
-.notification.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
-}
-
 .notification.is-info {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
 .notification.is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: #ebf9fe;
+  color: #0677a7;
 }
 
 .notification.is-success {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
 .notification.is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: #effbf4;
+  color: #1e7647;
 }
 
 .notification.is-warning {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .notification.is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: #fff9eb;
+  color: #946800;
 }
 
 .notification.is-danger {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
 .notification.is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: #feedec;
+  color: #c71b0f;
+}
+
+.notification.is-text {
+  background-color: #404654;
+  color: #fff;
 }
 
 :root {
@@ -2696,83 +2785,99 @@ div.icon-text {
 }
 
 .progress.is-link::-webkit-progress-value {
-  background-color: #485fc7;
+  background-color: #3c57d3;
 }
 
 .progress.is-link::-moz-progress-bar {
-  background-color: #485fc7;
+  background-color: #3c57d3;
 }
 
 .progress.is-link::-ms-fill {
-  background-color: #485fc7;
+  background-color: #3c57d3;
 }
 
 .progress.is-link:indeterminate {
-  background-image: linear-gradient(to right, #485fc7 30%, var(--bulma-progress-bar-background-color) 30%);
+  background-image: linear-gradient(to right, #3c57d3 30%, var(--bulma-progress-bar-background-color) 30%);
 }
 
 .progress.is-info::-webkit-progress-value {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
 }
 
 .progress.is-info::-moz-progress-bar {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
 }
 
 .progress.is-info::-ms-fill {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
 }
 
 .progress.is-info:indeterminate {
-  background-image: linear-gradient(to right, #3e8ed0 30%, var(--bulma-progress-bar-background-color) 30%);
+  background-image: linear-gradient(to right, #18b4f7 30%, var(--bulma-progress-bar-background-color) 30%);
 }
 
 .progress.is-success::-webkit-progress-value {
-  background-color: #48c78e;
+  background-color: #3fcf82;
 }
 
 .progress.is-success::-moz-progress-bar {
-  background-color: #48c78e;
+  background-color: #3fcf82;
 }
 
 .progress.is-success::-ms-fill {
-  background-color: #48c78e;
+  background-color: #3fcf82;
 }
 
 .progress.is-success:indeterminate {
-  background-image: linear-gradient(to right, #48c78e 30%, var(--bulma-progress-bar-background-color) 30%);
+  background-image: linear-gradient(to right, #3fcf82 30%, var(--bulma-progress-bar-background-color) 30%);
 }
 
 .progress.is-warning::-webkit-progress-value {
-  background-color: #ffe08a;
+  background-color: #ffb60a;
 }
 
 .progress.is-warning::-moz-progress-bar {
-  background-color: #ffe08a;
+  background-color: #ffb60a;
 }
 
 .progress.is-warning::-ms-fill {
-  background-color: #ffe08a;
+  background-color: #ffb60a;
 }
 
 .progress.is-warning:indeterminate {
-  background-image: linear-gradient(to right, #ffe08a 30%, var(--bulma-progress-bar-background-color) 30%);
+  background-image: linear-gradient(to right, #ffb60a 30%, var(--bulma-progress-bar-background-color) 30%);
 }
 
 .progress.is-danger::-webkit-progress-value {
-  background-color: #f14668;
+  background-color: #f15146;
 }
 
 .progress.is-danger::-moz-progress-bar {
-  background-color: #f14668;
+  background-color: #f15146;
 }
 
 .progress.is-danger::-ms-fill {
-  background-color: #f14668;
+  background-color: #f15146;
 }
 
 .progress.is-danger:indeterminate {
-  background-image: linear-gradient(to right, #f14668 30%, var(--bulma-progress-bar-background-color) 30%);
+  background-image: linear-gradient(to right, #f15146 30%, var(--bulma-progress-bar-background-color) 30%);
+}
+
+.progress.is-text::-webkit-progress-value {
+  background-color: #404654;
+}
+
+.progress.is-text::-moz-progress-bar {
+  background-color: #404654;
+}
+
+.progress.is-text::-ms-fill {
+  background-color: #404654;
+}
+
+.progress.is-text:indeterminate {
+  background-image: linear-gradient(to right, #404654 30%, var(--bulma-progress-bar-background-color) 30%);
 }
 
 .progress:indeterminate {
@@ -2892,36 +2997,43 @@ div.icon-text {
 
 .table td.is-link,
 .table th.is-link {
-  background-color: #485fc7;
-  border-color: #485fc7;
+  background-color: #3c57d3;
+  border-color: #3c57d3;
   color: #fff;
 }
 
 .table td.is-info,
 .table th.is-info {
-  background-color: #3e8ed0;
-  border-color: #3e8ed0;
+  background-color: #18b4f7;
+  border-color: #18b4f7;
   color: #fff;
 }
 
 .table td.is-success,
 .table th.is-success {
-  background-color: #48c78e;
-  border-color: #48c78e;
+  background-color: #3fcf82;
+  border-color: #3fcf82;
   color: #fff;
 }
 
 .table td.is-warning,
 .table th.is-warning {
-  background-color: #ffe08a;
-  border-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  border-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .table td.is-danger,
 .table th.is-danger {
-  background-color: #f14668;
-  border-color: #f14668;
+  background-color: #f15146;
+  border-color: #f15146;
+  color: #fff;
+}
+
+.table td.is-text,
+.table th.is-text {
+  background-color: #404654;
+  border-color: #404654;
   color: #fff;
 }
 
@@ -3169,53 +3281,53 @@ div.icon-text {
 }
 
 .tag:not(body).is-link {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
-.tag:not(body).is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
-}
-
 .tag:not(body).is-info {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
 .tag:not(body).is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: #ebf9fe;
+  color: #0677a7;
 }
 
 .tag:not(body).is-success {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
 .tag:not(body).is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: #effbf4;
+  color: #1e7647;
 }
 
 .tag:not(body).is-warning {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .tag:not(body).is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: #fff9eb;
+  color: #946800;
 }
 
 .tag:not(body).is-danger {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
 .tag:not(body).is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: #feedec;
+  color: #c71b0f;
+}
+
+.tag:not(body).is-text {
+  background-color: #404654;
+  color: #fff;
 }
 
 .tag:not(body).is-normal {
@@ -3441,35 +3553,35 @@ a.tag:hover {
 
 /* Bulma Form */
 .input, .textarea, .select select {
-  background-color: white;
-  border-color: #dbdbdb;
+  background-color: var(--bulma-white);
+  border-color: var(--bulma-text-85);
   border-radius: 4px;
-  color: #363636;
+  color: var(--bulma-text-10);
 }
 
 .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--bulma-text-10);
 }
 
 .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--bulma-text-10);
 }
 
 .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--bulma-text-10);
 }
 
 .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: var(--bulma-text-10);
 }
 
 .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
-  border-color: #b5b5b5;
+  border-color: var(--bulma-text-80);
 }
 
 .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
-  border-color: #485fc7;
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  border-color: #3c57d3;
+  box-shadow: 0 0 0 0.125em rgba(60, 87, 211, 0.25);
 }
 
 .input[disabled], .textarea[disabled], .select select[disabled],
@@ -3477,10 +3589,10 @@ fieldset[disabled] .input,
 fieldset[disabled] .textarea,
 fieldset[disabled] .select select,
 .select fieldset[disabled] select {
-  background-color: whitesmoke;
-  border-color: whitesmoke;
+  background-color: var(--bulma-text-90);
+  border-color: var(--bulma-text-90);
   box-shadow: none;
-  color: #7a7a7a;
+  color: var(--bulma-text-55);
 }
 
 .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
@@ -3488,7 +3600,7 @@ fieldset[disabled] .input::-moz-placeholder,
 fieldset[disabled] .textarea::-moz-placeholder,
 fieldset[disabled] .select select::-moz-placeholder,
 .select fieldset[disabled] select::-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--bulma-text-55);
 }
 
 .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
@@ -3496,7 +3608,7 @@ fieldset[disabled] .input::-webkit-input-placeholder,
 fieldset[disabled] .textarea::-webkit-input-placeholder,
 fieldset[disabled] .select select::-webkit-input-placeholder,
 .select fieldset[disabled] select::-webkit-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--bulma-text-55);
 }
 
 .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
@@ -3504,7 +3616,7 @@ fieldset[disabled] .input:-moz-placeholder,
 fieldset[disabled] .textarea:-moz-placeholder,
 fieldset[disabled] .select select:-moz-placeholder,
 .select fieldset[disabled] select:-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--bulma-text-55);
 }
 
 .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
@@ -3512,11 +3624,11 @@ fieldset[disabled] .input:-ms-input-placeholder,
 fieldset[disabled] .textarea:-ms-input-placeholder,
 fieldset[disabled] .select select:-ms-input-placeholder,
 .select fieldset[disabled] select:-ms-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: var(--bulma-text-55);
 }
 
 .input, .textarea {
-  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+  box-shadow: inset 0 0.0625em 0.125em rgba(var(--bulma-shadow-color-rgb), 0.05);
   max-width: 100%;
   width: 100%;
 }
@@ -3566,43 +3678,51 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 }
 
 .is-link.input, .is-link.textarea {
-  border-color: #485fc7;
+  border-color: #3c57d3;
 }
 
 .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(60, 87, 211, 0.25);
 }
 
 .is-info.input, .is-info.textarea {
-  border-color: #3e8ed0;
+  border-color: #18b4f7;
 }
 
 .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
-  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(24, 180, 247, 0.25);
 }
 
 .is-success.input, .is-success.textarea {
-  border-color: #48c78e;
+  border-color: #3fcf82;
 }
 
 .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
-  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(63, 207, 130, 0.25);
 }
 
 .is-warning.input, .is-warning.textarea {
-  border-color: #ffe08a;
+  border-color: #ffb60a;
 }
 
 .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
-  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(255, 182, 10, 0.25);
 }
 
 .is-danger.input, .is-danger.textarea {
-  border-color: #f14668;
+  border-color: #f15146;
 }
 
 .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
-  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(241, 81, 70, 0.25);
+}
+
+.is-text.input, .is-text.textarea {
+  border-color: #404654;
+}
+
+.is-text.input:focus, .is-text.textarea:focus, .is-text.is-focused.input, .is-text.is-focused.textarea, .is-text.input:active, .is-text.textarea:active, .is-text.is-active.input, .is-text.is-active.textarea {
+  box-shadow: 0 0 0 0.125em rgba(64, 70, 84, 0.25);
 }
 
 .is-small.input, .is-small.textarea {
@@ -3675,7 +3795,7 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 }
 
 .checkbox:hover, .radio:hover {
-  color: #363636;
+  color: var(--bulma-text-10);
 }
 
 .checkbox[disabled], .radio[disabled],
@@ -3683,7 +3803,7 @@ fieldset[disabled] .checkbox,
 fieldset[disabled] .radio,
 .checkbox input[disabled],
 .radio input[disabled] {
-  color: #7a7a7a;
+  color: var(--bulma-text-55);
   cursor: not-allowed;
 }
 
@@ -3703,7 +3823,7 @@ fieldset[disabled] .radio,
 }
 
 .select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #485fc7;
+  border-color: #3c57d3;
   right: 1.125em;
   z-index: 4;
 }
@@ -3727,7 +3847,7 @@ fieldset[disabled] .radio,
 
 .select select[disabled]:hover,
 fieldset[disabled] .select select:hover {
-  border-color: whitesmoke;
+  border-color: var(--bulma-text-90);
 }
 
 .select select:not([multiple]) {
@@ -3744,7 +3864,7 @@ fieldset[disabled] .select select:hover {
 }
 
 .select:not(.is-multiple):not(.is-loading):hover::after {
-  border-color: #363636;
+  border-color: var(--bulma-text-10);
 }
 
 .select.is-white:not(:hover)::after {
@@ -3828,83 +3948,99 @@ fieldset[disabled] .select select:hover {
 }
 
 .select.is-link:not(:hover)::after {
-  border-color: #485fc7;
+  border-color: #3c57d3;
 }
 
 .select.is-link select {
-  border-color: #485fc7;
+  border-color: #3c57d3;
 }
 
 .select.is-link select:hover, .select.is-link select.is-hovered {
-  border-color: #3a51bb;
+  border-color: #2d4ac8;
 }
 
 .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(60, 87, 211, 0.25);
 }
 
 .select.is-info:not(:hover)::after {
-  border-color: #3e8ed0;
+  border-color: #18b4f7;
 }
 
 .select.is-info select {
-  border-color: #3e8ed0;
+  border-color: #18b4f7;
 }
 
 .select.is-info select:hover, .select.is-info select.is-hovered {
-  border-color: #3082c5;
+  border-color: #09a8ec;
 }
 
 .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
-  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(24, 180, 247, 0.25);
 }
 
 .select.is-success:not(:hover)::after {
-  border-color: #48c78e;
+  border-color: #3fcf82;
 }
 
 .select.is-success select {
-  border-color: #48c78e;
+  border-color: #3fcf82;
 }
 
 .select.is-success select:hover, .select.is-success select.is-hovered {
-  border-color: #3abb81;
+  border-color: #31c476;
 }
 
 .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
-  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(63, 207, 130, 0.25);
 }
 
 .select.is-warning:not(:hover)::after {
-  border-color: #ffe08a;
+  border-color: #ffb60a;
 }
 
 .select.is-warning select {
-  border-color: #ffe08a;
+  border-color: #ffb60a;
 }
 
 .select.is-warning select:hover, .select.is-warning select.is-hovered {
-  border-color: #ffd970;
+  border-color: #f0a800;
 }
 
 .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
-  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(255, 182, 10, 0.25);
 }
 
 .select.is-danger:not(:hover)::after {
-  border-color: #f14668;
+  border-color: #f15146;
 }
 
 .select.is-danger select {
-  border-color: #f14668;
+  border-color: #f15146;
 }
 
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
-  border-color: #ef2e55;
+  border-color: #ef3b2e;
 }
 
 .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
-  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(241, 81, 70, 0.25);
+}
+
+.select.is-text:not(:hover)::after {
+  border-color: #404654;
+}
+
+.select.is-text select {
+  border-color: #404654;
+}
+
+.select.is-text select:hover, .select.is-text select.is-hovered {
+  border-color: #353a46;
+}
+
+.select.is-text select:focus, .select.is-text select.is-focused, .select.is-text select:active, .select.is-text select.is-active {
+  box-shadow: 0 0 0 0.125em rgba(64, 70, 84, 0.25);
 }
 
 .select.is-small {
@@ -3921,7 +4057,7 @@ fieldset[disabled] .select select:hover {
 }
 
 .select.is-disabled::after {
-  border-color: #7a7a7a !important;
+  border-color: var(--bulma-text-55) !important;
   opacity: 0.5;
 }
 
@@ -4081,121 +4217,145 @@ fieldset[disabled] .select select:hover {
 }
 
 .file.is-link .file-cta {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
-  background-color: #3e56c4;
+  background-color: #314ed0;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0.5em rgba(60, 87, 211, 0.25);
   color: #fff;
 }
 
 .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
-  background-color: #3a51bb;
+  background-color: #2d4ac8;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-info .file-cta {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
-  background-color: #3488ce;
+  background-color: #0bb0f6;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0.5em rgba(24, 180, 247, 0.25);
   color: #fff;
 }
 
 .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
-  background-color: #3082c5;
+  background-color: #09a8ec;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-success .file-cta {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
-  background-color: #3ec487;
+  background-color: #35cd7c;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0.5em rgba(63, 207, 130, 0.25);
   color: #fff;
 }
 
 .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
-  background-color: #3abb81;
+  background-color: #31c476;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-warning .file-cta {
-  background-color: #ffe08a;
+  background-color: #ffb60a;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
-  background-color: #ffdc7d;
+  background-color: #fcb100;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
-  color: rgba(0, 0, 0, 0.7);
+  box-shadow: 0 0 0.5em rgba(255, 182, 10, 0.25);
+  color: var(--bulma-white);
 }
 
 .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
-  background-color: #ffd970;
+  background-color: #f0a800;
   border-color: transparent;
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .file.is-danger .file-cta {
-  background-color: #f14668;
+  background-color: #f15146;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
-  background-color: #f03a5f;
+  background-color: #f0463a;
   border-color: transparent;
   color: #fff;
 }
 
 .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0.5em rgba(241, 81, 70, 0.25);
   color: #fff;
 }
 
 .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
-  background-color: #ef2e55;
+  background-color: #ef3b2e;
+  border-color: transparent;
+  color: #fff;
+}
+
+.file.is-text .file-cta {
+  background-color: #404654;
+  border-color: transparent;
+  color: #fff;
+}
+
+.file.is-text:hover .file-cta, .file.is-text.is-hovered .file-cta {
+  background-color: #3a404d;
+  border-color: transparent;
+  color: #fff;
+}
+
+.file.is-text:focus .file-cta, .file.is-text.is-focused .file-cta {
+  border-color: transparent;
+  box-shadow: 0 0 0.5em rgba(64, 70, 84, 0.25);
+  color: #fff;
+}
+
+.file.is-text:active .file-cta, .file.is-text.is-active .file-cta {
+  background-color: #353a46;
   border-color: transparent;
   color: #fff;
 }
@@ -4323,21 +4483,21 @@ fieldset[disabled] .select select:hover {
 }
 
 .file-label:hover .file-cta {
-  background-color: #eeeeee;
-  color: #363636;
+  background-color: var(--bulma-white-ter);
+  color: var(--bulma-text-10);
 }
 
 .file-label:hover .file-name {
-  border-color: #d5d5d5;
+  border-color: var(--bulma-text-85);
 }
 
 .file-label:active .file-cta {
-  background-color: #e8e8e8;
-  color: #363636;
+  background-color: var(--bulma-white-ter);
+  color: var(--bulma-text-10);
 }
 
 .file-label:active .file-name {
-  border-color: #cfcfcf;
+  border-color: var(--bulma-text-85);
 }
 
 .file-input {
@@ -4352,7 +4512,7 @@ fieldset[disabled] .select select:hover {
 
 .file-cta,
 .file-name {
-  border-color: #dbdbdb;
+  border-color: var(--bulma-text-85);
   border-radius: 4px;
   font-size: 1em;
   padding-left: 1em;
@@ -4361,12 +4521,12 @@ fieldset[disabled] .select select:hover {
 }
 
 .file-cta {
-  background-color: whitesmoke;
-  color: #4a4a4a;
+  background-color: var(--bulma-white-ter);
+  color: var(--bulma-text-25);
 }
 
 .file-name {
-  border-color: #dbdbdb;
+  border-color: var(--bulma-text-85);
   border-style: solid;
   border-width: 1px 1px 1px 0;
   display: block;
@@ -4390,7 +4550,7 @@ fieldset[disabled] .select select:hover {
 }
 
 .label {
-  color: #363636;
+  color: var(--bulma-text-10);
   display: block;
   font-size: 1rem;
   font-weight: 700;
@@ -4439,23 +4599,27 @@ fieldset[disabled] .select select:hover {
 }
 
 .help.is-link {
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .help.is-info {
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .help.is-success {
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .help.is-warning {
-  color: #ffe08a;
+  color: #ffb60a;
 }
 
 .help.is-danger {
-  color: #f14668;
+  color: #f15146;
+}
+
+.help.is-text {
+  color: #404654;
 }
 
 .field:not(:last-child) {
@@ -4661,7 +4825,7 @@ fieldset[disabled] .select select:hover {
 .control.has-icons-left .input:focus ~ .icon,
 .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
 .control.has-icons-right .select:focus ~ .icon {
-  color: #4a4a4a;
+  color: var(--bulma-text-25);
 }
 
 .control.has-icons-left .input.is-small ~ .icon,
@@ -4683,7 +4847,7 @@ fieldset[disabled] .select select:hover {
 }
 
 .control.has-icons-left .icon, .control.has-icons-right .icon {
-  color: #dbdbdb;
+  color: var(--bulma-text-85);
   height: 2.5em;
   pointer-events: none;
   position: absolute;
@@ -4838,7 +5002,7 @@ fieldset[disabled] .select select:hover {
   --bulma-card-header-background-color: transparent;
   --bulma-card-header-color: var(--bulma-text-strong);
   --bulma-card-header-padding: 0.75rem 1rem;
-  --bulma-card-header-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
+  --bulma-card-header-shadow: 0 0.125em 0.25em rgba(var(--bulma-shadow-color-rgb), 0.1);
   --bulma-card-header-weight: var(--bulma-weight-bold);
   --bulma-card-content-background-color: transparent;
   --bulma-card-content-padding: 1.5rem;
@@ -5158,7 +5322,7 @@ button.dropdown-item.is-active {
 }
 
 :root {
-  --bulma-media-border-color: rgba(219, 219, 219, 0.5);
+  --bulma-media-border-color: var(--bulma-text-85);
   --bulma-media-border-size: 1px;
   --bulma-media-spacing: 1rem;
   --bulma-media-spacing-large: 1.5rem;
@@ -5428,73 +5592,85 @@ button.dropdown-item.is-active {
 }
 
 .message.is-link {
-  background-color: #eff1fa;
+  background-color: #f7f8fd;
 }
 
 .message.is-link .message-header {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
 .message.is-link .message-body {
-  border-color: #485fc7;
-  color: #3850b7;
+  border-color: #3c57d3;
 }
 
 .message.is-info {
-  background-color: #eff5fb;
+  background-color: #ebf9fe;
 }
 
 .message.is-info .message-header {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
 .message.is-info .message-body {
-  border-color: #3e8ed0;
-  color: #296fa8;
+  border-color: #18b4f7;
+  color: #0677a7;
 }
 
 .message.is-success {
-  background-color: #effaf5;
+  background-color: #effbf4;
 }
 
 .message.is-success .message-header {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
 .message.is-success .message-body {
-  border-color: #48c78e;
-  color: #257953;
+  border-color: #3fcf82;
+  color: #1e7647;
 }
 
 .message.is-warning {
-  background-color: #fffaeb;
+  background-color: #fff9eb;
 }
 
 .message.is-warning .message-header {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .message.is-warning .message-body {
-  border-color: #ffe08a;
-  color: #946c00;
+  border-color: #ffb60a;
+  color: #946800;
 }
 
 .message.is-danger {
-  background-color: #feecf0;
+  background-color: #feedec;
 }
 
 .message.is-danger .message-header {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
 .message.is-danger .message-body {
-  border-color: #f14668;
-  color: #cc0f35;
+  border-color: #f15146;
+  color: #c71b0f;
+}
+
+.message.is-text {
+  background-color: #f9fafb;
+}
+
+.message.is-text .message-header {
+  background-color: #404654;
+  color: #fff;
+}
+
+.message.is-text .message-body {
+  border-color: #404654;
 }
 
 .message-header {
@@ -5542,7 +5718,7 @@ button.dropdown-item.is-active {
 
 :root {
   --bulma-modal-z: 40;
-  --bulma-modal-background-background-color: rgba(10, 10, 10, 0.86);
+  --bulma-modal-background-background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.86);
   --bulma-modal-content-width: 640px;
   --bulma-modal-content-margin-mobile: 20px;
   --bulma-modal-content-spacing-mobile: 160px;
@@ -5691,7 +5867,7 @@ button.dropdown-item.is-active {
   --bulma-navbar-dropdown-radius: var(--bulma-radius-large);
   --bulma-navbar-dropdown-z: 20;
   --bulma-navbar-dropdown-boxed-radius: var(--bulma-radius-large);
-  --bulma-navbar-dropdown-boxed-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+  --bulma-navbar-dropdown-boxed-shadow: 0 8px 8px bulmargba(var(--bulma-shadow-color-rgb), 0.1), 0 0 0 1px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
   --bulma-navbar-dropdown-item-hover-color: var(--bulma-scheme-invert);
   --bulma-navbar-dropdown-item-hover-background-color: var(--bulma-background);
   --bulma-navbar-dropdown-item-active-color: var(--bulma-link);
@@ -6019,7 +6195,7 @@ button.dropdown-item.is-active {
 }
 
 .navbar.is-link {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
@@ -6032,7 +6208,7 @@ button.dropdown-item.is-active {
 .navbar.is-link .navbar-brand .navbar-link:focus,
 .navbar.is-link .navbar-brand .navbar-link:hover,
 .navbar.is-link .navbar-brand .navbar-link.is-active {
-  background-color: #3a51bb;
+  background-color: #2d4ac8;
   color: #fff;
 }
 
@@ -6061,7 +6237,7 @@ button.dropdown-item.is-active {
   .navbar.is-link .navbar-end .navbar-link:focus,
   .navbar.is-link .navbar-end .navbar-link:hover,
   .navbar.is-link .navbar-end .navbar-link.is-active {
-    background-color: #3a51bb;
+    background-color: #2d4ac8;
     color: #fff;
   }
   .navbar.is-link .navbar-start .navbar-link::after,
@@ -6071,17 +6247,17 @@ button.dropdown-item.is-active {
   .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3a51bb;
+    background-color: #2d4ac8;
     color: #fff;
   }
   .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
-    background-color: #485fc7;
+    background-color: #3c57d3;
     color: #fff;
   }
 }
 
 .navbar.is-info {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
@@ -6094,7 +6270,7 @@ button.dropdown-item.is-active {
 .navbar.is-info .navbar-brand .navbar-link:focus,
 .navbar.is-info .navbar-brand .navbar-link:hover,
 .navbar.is-info .navbar-brand .navbar-link.is-active {
-  background-color: #3082c5;
+  background-color: #09a8ec;
   color: #fff;
 }
 
@@ -6123,7 +6299,7 @@ button.dropdown-item.is-active {
   .navbar.is-info .navbar-end .navbar-link:focus,
   .navbar.is-info .navbar-end .navbar-link:hover,
   .navbar.is-info .navbar-end .navbar-link.is-active {
-    background-color: #3082c5;
+    background-color: #09a8ec;
     color: #fff;
   }
   .navbar.is-info .navbar-start .navbar-link::after,
@@ -6133,17 +6309,17 @@ button.dropdown-item.is-active {
   .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3082c5;
+    background-color: #09a8ec;
     color: #fff;
   }
   .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
-    background-color: #3e8ed0;
+    background-color: #18b4f7;
     color: #fff;
   }
 }
 
 .navbar.is-success {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
@@ -6156,7 +6332,7 @@ button.dropdown-item.is-active {
 .navbar.is-success .navbar-brand .navbar-link:focus,
 .navbar.is-success .navbar-brand .navbar-link:hover,
 .navbar.is-success .navbar-brand .navbar-link.is-active {
-  background-color: #3abb81;
+  background-color: #31c476;
   color: #fff;
 }
 
@@ -6185,7 +6361,7 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-end .navbar-link:focus,
   .navbar.is-success .navbar-end .navbar-link:hover,
   .navbar.is-success .navbar-end .navbar-link.is-active {
-    background-color: #3abb81;
+    background-color: #31c476;
     color: #fff;
   }
   .navbar.is-success .navbar-start .navbar-link::after,
@@ -6195,39 +6371,39 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3abb81;
+    background-color: #31c476;
     color: #fff;
   }
   .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
-    background-color: #48c78e;
+    background-color: #3fcf82;
     color: #fff;
   }
 }
 
 .navbar.is-warning {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .navbar.is-warning .navbar-brand > .navbar-item,
 .navbar.is-warning .navbar-brand .navbar-link {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
 .navbar.is-warning .navbar-brand .navbar-link:focus,
 .navbar.is-warning .navbar-brand .navbar-link:hover,
 .navbar.is-warning .navbar-brand .navbar-link.is-active {
-  background-color: #ffd970;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #f0a800;
+  color: var(--bulma-white);
 }
 
 .navbar.is-warning .navbar-brand .navbar-link::after {
-  border-color: rgba(0, 0, 0, 0.7);
+  border-color: var(--bulma-white);
 }
 
 .navbar.is-warning .navbar-burger {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 @media screen and (min-width: 1024px) {
@@ -6235,7 +6411,7 @@ button.dropdown-item.is-active {
   .navbar.is-warning .navbar-start .navbar-link,
   .navbar.is-warning .navbar-end > .navbar-item,
   .navbar.is-warning .navbar-end .navbar-link {
-    color: rgba(0, 0, 0, 0.7);
+    color: var(--bulma-white);
   }
   .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
   .navbar.is-warning .navbar-start .navbar-link:focus,
@@ -6247,27 +6423,27 @@ button.dropdown-item.is-active {
   .navbar.is-warning .navbar-end .navbar-link:focus,
   .navbar.is-warning .navbar-end .navbar-link:hover,
   .navbar.is-warning .navbar-end .navbar-link.is-active {
-    background-color: #ffd970;
-    color: rgba(0, 0, 0, 0.7);
+    background-color: #f0a800;
+    color: var(--bulma-white);
   }
   .navbar.is-warning .navbar-start .navbar-link::after,
   .navbar.is-warning .navbar-end .navbar-link::after {
-    border-color: rgba(0, 0, 0, 0.7);
+    border-color: var(--bulma-white);
   }
   .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #ffd970;
-    color: rgba(0, 0, 0, 0.7);
+    background-color: #f0a800;
+    color: var(--bulma-white);
   }
   .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
-    background-color: #ffe08a;
-    color: rgba(0, 0, 0, 0.7);
+    background-color: #ffb60a;
+    color: var(--bulma-white);
   }
 }
 
 .navbar.is-danger {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
@@ -6280,7 +6456,7 @@ button.dropdown-item.is-active {
 .navbar.is-danger .navbar-brand .navbar-link:focus,
 .navbar.is-danger .navbar-brand .navbar-link:hover,
 .navbar.is-danger .navbar-brand .navbar-link.is-active {
-  background-color: #ef2e55;
+  background-color: #ef3b2e;
   color: #fff;
 }
 
@@ -6309,7 +6485,7 @@ button.dropdown-item.is-active {
   .navbar.is-danger .navbar-end .navbar-link:focus,
   .navbar.is-danger .navbar-end .navbar-link:hover,
   .navbar.is-danger .navbar-end .navbar-link.is-active {
-    background-color: #ef2e55;
+    background-color: #ef3b2e;
     color: #fff;
   }
   .navbar.is-danger .navbar-start .navbar-link::after,
@@ -6319,11 +6495,73 @@ button.dropdown-item.is-active {
   .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #ef2e55;
+    background-color: #ef3b2e;
     color: #fff;
   }
   .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
-    background-color: #f14668;
+    background-color: #f15146;
+    color: #fff;
+  }
+}
+
+.navbar.is-text {
+  background-color: #404654;
+  color: #fff;
+}
+
+.navbar.is-text .navbar-brand > .navbar-item,
+.navbar.is-text .navbar-brand .navbar-link {
+  color: #fff;
+}
+
+.navbar.is-text .navbar-brand > a.navbar-item:focus, .navbar.is-text .navbar-brand > a.navbar-item:hover, .navbar.is-text .navbar-brand > a.navbar-item.is-active,
+.navbar.is-text .navbar-brand .navbar-link:focus,
+.navbar.is-text .navbar-brand .navbar-link:hover,
+.navbar.is-text .navbar-brand .navbar-link.is-active {
+  background-color: #353a46;
+  color: #fff;
+}
+
+.navbar.is-text .navbar-brand .navbar-link::after {
+  border-color: #fff;
+}
+
+.navbar.is-text .navbar-burger {
+  color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+  .navbar.is-text .navbar-start > .navbar-item,
+  .navbar.is-text .navbar-start .navbar-link,
+  .navbar.is-text .navbar-end > .navbar-item,
+  .navbar.is-text .navbar-end .navbar-link {
+    color: #fff;
+  }
+  .navbar.is-text .navbar-start > a.navbar-item:focus, .navbar.is-text .navbar-start > a.navbar-item:hover, .navbar.is-text .navbar-start > a.navbar-item.is-active,
+  .navbar.is-text .navbar-start .navbar-link:focus,
+  .navbar.is-text .navbar-start .navbar-link:hover,
+  .navbar.is-text .navbar-start .navbar-link.is-active,
+  .navbar.is-text .navbar-end > a.navbar-item:focus,
+  .navbar.is-text .navbar-end > a.navbar-item:hover,
+  .navbar.is-text .navbar-end > a.navbar-item.is-active,
+  .navbar.is-text .navbar-end .navbar-link:focus,
+  .navbar.is-text .navbar-end .navbar-link:hover,
+  .navbar.is-text .navbar-end .navbar-link.is-active {
+    background-color: #353a46;
+    color: #fff;
+  }
+  .navbar.is-text .navbar-start .navbar-link::after,
+  .navbar.is-text .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+  .navbar.is-text .navbar-item.has-dropdown:focus .navbar-link,
+  .navbar.is-text .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-text .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #353a46;
+    color: #fff;
+  }
+  .navbar.is-text .navbar-dropdown a.navbar-item.is-active {
+    background-color: #404654;
     color: #fff;
   }
 }
@@ -6562,7 +6800,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar-menu {
     background-color: var(--bulma-navbar-background-color);
-    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 8px 16px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
     padding: 0.5rem 0;
   }
   .navbar-menu.is-active {
@@ -6578,7 +6816,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     bottom: 0;
   }
   .navbar.is-fixed-bottom-touch.has-shadow {
-    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -2px 3px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
   }
   .navbar.is-fixed-top-touch {
     top: 0;
@@ -6656,7 +6894,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     border-radius: var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0 0;
     border-top: none;
     bottom: 100%;
-    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -8px 8px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
     top: auto;
   }
   .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
@@ -6684,7 +6922,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     border-bottom-left-radius: var(--bulma-navbar-dropdown-radius);
     border-bottom-right-radius: var(--bulma-navbar-dropdown-radius);
     border-top: var(--bulma-navbar-dropdown-border-top);
-    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 8px 8px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
     display: none;
     font-size: 0.875rem;
     left: 0;
@@ -6745,7 +6983,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     bottom: 0;
   }
   .navbar.is-fixed-bottom-desktop.has-shadow {
-    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -2px 3px bulmargba(var(--bulma-shadow-color-rgb), 0.1);
   }
   .navbar.is-fixed-top-desktop {
     top: 0;
@@ -6807,7 +7045,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   --bulma-pagination-current-background-color: var(--bulma-link);
   --bulma-pagination-current-border-color: var(--bulma-link);
   --bulma-pagination-ellipsis-color: var(--bulma-grey-light);
-  --bulma-pagination-shadow-inset: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+  --bulma-pagination-shadow-inset: inset 0 1px 2px rgba(var(--bulma-shadow-color-rgb), 0.2);
 }
 
 .pagination {
@@ -7087,68 +7325,81 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 }
 
 .panel.is-link .panel-heading {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
 .panel.is-link .panel-tabs a.is-active {
-  border-bottom-color: #485fc7;
+  border-bottom-color: #3c57d3;
 }
 
 .panel.is-link .panel-block.is-active .panel-icon {
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .panel.is-info .panel-heading {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
 .panel.is-info .panel-tabs a.is-active {
-  border-bottom-color: #3e8ed0;
+  border-bottom-color: #18b4f7;
 }
 
 .panel.is-info .panel-block.is-active .panel-icon {
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .panel.is-success .panel-heading {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
 .panel.is-success .panel-tabs a.is-active {
-  border-bottom-color: #48c78e;
+  border-bottom-color: #3fcf82;
 }
 
 .panel.is-success .panel-block.is-active .panel-icon {
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .panel.is-warning .panel-heading {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .panel.is-warning .panel-tabs a.is-active {
-  border-bottom-color: #ffe08a;
+  border-bottom-color: #ffb60a;
 }
 
 .panel.is-warning .panel-block.is-active .panel-icon {
-  color: #ffe08a;
+  color: #ffb60a;
 }
 
 .panel.is-danger .panel-heading {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
 .panel.is-danger .panel-tabs a.is-active {
-  border-bottom-color: #f14668;
+  border-bottom-color: #f15146;
 }
 
 .panel.is-danger .panel-block.is-active .panel-icon {
-  color: #f14668;
+  color: #f15146;
+}
+
+.panel.is-text .panel-heading {
+  background-color: #404654;
+  color: #fff;
+}
+
+.panel.is-text .panel-tabs a.is-active {
+  border-bottom-color: #404654;
+}
+
+.panel.is-text .panel-block.is-active .panel-icon {
+  color: #404654;
 }
 
 .panel-tabs:not(:last-child),
@@ -9427,183 +9678,171 @@ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
 }
 
 .has-text-link {
-  color: #485fc7 !important;
+  color: #3c57d3 !important;
 }
 
 a.has-text-link:hover, a.has-text-link:focus {
-  color: #3449a8 !important;
+  color: #2942b3 !important;
 }
 
 .has-background-link {
-  background-color: #485fc7 !important;
-}
-
-.has-text-link-light {
-  color: #eff1fa !important;
-}
-
-a.has-text-link-light:hover, a.has-text-link-light:focus {
-  color: #c8cfee !important;
-}
-
-.has-background-link-light {
-  background-color: #eff1fa !important;
-}
-
-.has-text-link-dark {
-  color: #3850b7 !important;
-}
-
-a.has-text-link-dark:hover, a.has-text-link-dark:focus {
-  color: #576dcb !important;
-}
-
-.has-background-link-dark {
-  background-color: #3850b7 !important;
+  background-color: #3c57d3 !important;
 }
 
 .has-text-info {
-  color: #3e8ed0 !important;
+  color: #18b4f7 !important;
 }
 
 a.has-text-info:hover, a.has-text-info:focus {
-  color: #2b74b1 !important;
+  color: #0896d4 !important;
 }
 
 .has-background-info {
-  background-color: #3e8ed0 !important;
+  background-color: #18b4f7 !important;
 }
 
 .has-text-info-light {
-  color: #eff5fb !important;
+  color: #ebf9fe !important;
 }
 
 a.has-text-info-light:hover, a.has-text-info-light:focus {
-  color: #c6ddf1 !important;
+  color: #bae9fd !important;
 }
 
 .has-background-info-light {
-  background-color: #eff5fb !important;
+  background-color: #ebf9fe !important;
 }
 
 .has-text-info-dark {
-  color: #296fa8 !important;
+  color: #0677a7 !important;
 }
 
 a.has-text-info-dark:hover, a.has-text-info-dark:focus {
-  color: #368ace !important;
+  color: #089ad9 !important;
 }
 
 .has-background-info-dark {
-  background-color: #296fa8 !important;
+  background-color: #0677a7 !important;
 }
 
 .has-text-success {
-  color: #48c78e !important;
+  color: #3fcf82 !important;
 }
 
 a.has-text-success:hover, a.has-text-success:focus {
-  color: #34a873 !important;
+  color: #2caf69 !important;
 }
 
 .has-background-success {
-  background-color: #48c78e !important;
+  background-color: #3fcf82 !important;
 }
 
 .has-text-success-light {
-  color: #effaf5 !important;
+  color: #effbf4 !important;
 }
 
 a.has-text-success-light:hover, a.has-text-success-light:focus {
-  color: #c8eedd !important;
+  color: #c6f1da !important;
 }
 
 .has-background-success-light {
-  background-color: #effaf5 !important;
+  background-color: #effbf4 !important;
 }
 
 .has-text-success-dark {
-  color: #257953 !important;
+  color: #1e7647 !important;
 }
 
 a.has-text-success-dark:hover, a.has-text-success-dark:focus {
-  color: #31a06e !important;
+  color: #289f5f !important;
 }
 
 .has-background-success-dark {
-  background-color: #257953 !important;
+  background-color: #1e7647 !important;
 }
 
 .has-text-warning {
-  color: #ffe08a !important;
+  color: #ffb60a !important;
 }
 
 a.has-text-warning:hover, a.has-text-warning:focus {
-  color: #ffd257 !important;
+  color: #d69600 !important;
 }
 
 .has-background-warning {
-  background-color: #ffe08a !important;
+  background-color: #ffb60a !important;
 }
 
 .has-text-warning-light {
-  color: #fffaeb !important;
+  color: #fff9eb !important;
 }
 
 a.has-text-warning-light:hover, a.has-text-warning-light:focus {
-  color: #ffecb8 !important;
+  color: #ffeab8 !important;
 }
 
 .has-background-warning-light {
-  background-color: #fffaeb !important;
+  background-color: #fff9eb !important;
 }
 
 .has-text-warning-dark {
-  color: #946c00 !important;
+  color: #946800 !important;
 }
 
 a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
-  color: #c79200 !important;
+  color: #c78b00 !important;
 }
 
 .has-background-warning-dark {
-  background-color: #946c00 !important;
+  background-color: #946800 !important;
 }
 
 .has-text-danger {
-  color: #f14668 !important;
+  color: #f15146 !important;
 }
 
 a.has-text-danger:hover, a.has-text-danger:focus {
-  color: #ee1742 !important;
+  color: #ee2517 !important;
 }
 
 .has-background-danger {
-  background-color: #f14668 !important;
+  background-color: #f15146 !important;
 }
 
 .has-text-danger-light {
-  color: #feecf0 !important;
+  color: #feedec !important;
 }
 
 a.has-text-danger-light:hover, a.has-text-danger-light:focus {
-  color: #fabdc9 !important;
+  color: #fac1bd !important;
 }
 
 .has-background-danger-light {
-  background-color: #feecf0 !important;
+  background-color: #feedec !important;
 }
 
 .has-text-danger-dark {
-  color: #cc0f35 !important;
+  color: #c71b0f !important;
 }
 
 a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
-  color: #ee2049 !important;
+  color: #ee291b !important;
 }
 
 .has-background-danger-dark {
-  background-color: #cc0f35 !important;
+  background-color: #c71b0f !important;
+}
+
+.has-text-text {
+  color: #404654 !important;
+}
+
+a.has-text-text:hover, a.has-text-text:focus {
+  color: #2a2e37 !important;
+}
+
+.has-background-text {
+  background-color: #404654 !important;
 }
 
 .has-text-black-bis {
@@ -11374,7 +11613,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
@@ -11453,7 +11692,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
@@ -11532,7 +11771,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
@@ -11611,7 +11850,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
@@ -11690,7 +11929,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
@@ -11710,7 +11949,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-link {
-  background-color: #485fc7;
+  background-color: #3c57d3;
   color: #fff;
 }
 
@@ -11734,7 +11973,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 @media screen and (max-width: 1023px) {
   .hero.is-link .navbar-menu {
-    background-color: #485fc7;
+    background-color: #3c57d3;
   }
 }
 
@@ -11746,7 +11985,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
 .hero.is-link .navbar-link:hover,
 .hero.is-link .navbar-link.is-active {
-  background-color: #3a51bb;
+  background-color: #2d4ac8;
   color: #fff;
 }
 
@@ -11760,7 +11999,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-link .tabs li.is-active a {
-  color: #485fc7 !important;
+  color: #3c57d3 !important;
   opacity: 1;
 }
 
@@ -11769,27 +12008,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
   background-color: #fff;
   border-color: #fff;
-  color: #485fc7;
+  color: #3c57d3;
 }
 
 .hero.is-link.is-bold {
-  background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
+  background-image: linear-gradient(141deg, #1e56be 0%, #3c57d3 71%, #4b4ddd 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-link.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
+    background-image: linear-gradient(141deg, #1e56be 0%, #3c57d3 71%, #4b4ddd 100%);
   }
 }
 
 .hero.is-info {
-  background-color: #3e8ed0;
+  background-color: #18b4f7;
   color: #fff;
 }
 
@@ -11813,7 +12052,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 @media screen and (max-width: 1023px) {
   .hero.is-info .navbar-menu {
-    background-color: #3e8ed0;
+    background-color: #18b4f7;
   }
 }
 
@@ -11825,7 +12064,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
 .hero.is-info .navbar-link:hover,
 .hero.is-info .navbar-link.is-active {
-  background-color: #3082c5;
+  background-color: #09a8ec;
   color: #fff;
 }
 
@@ -11839,7 +12078,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-info .tabs li.is-active a {
-  color: #3e8ed0 !important;
+  color: #18b4f7 !important;
   opacity: 1;
 }
 
@@ -11848,27 +12087,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
   background-color: #fff;
   border-color: #fff;
-  color: #3e8ed0;
+  color: #18b4f7;
 }
 
 .hero.is-info.is-bold {
-  background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
+  background-image: linear-gradient(141deg, #00bedb 0%, #18b4f7 71%, #2b9bfd 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-info.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
+    background-image: linear-gradient(141deg, #00bedb 0%, #18b4f7 71%, #2b9bfd 100%);
   }
 }
 
 .hero.is-success {
-  background-color: #48c78e;
+  background-color: #3fcf82;
   color: #fff;
 }
 
@@ -11892,7 +12131,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 @media screen and (max-width: 1023px) {
   .hero.is-success .navbar-menu {
-    background-color: #48c78e;
+    background-color: #3fcf82;
   }
 }
 
@@ -11904,7 +12143,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
 .hero.is-success .navbar-link:hover,
 .hero.is-success .navbar-link.is-active {
-  background-color: #3abb81;
+  background-color: #31c476;
   color: #fff;
 }
 
@@ -11918,7 +12157,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-success .tabs li.is-active a {
-  color: #48c78e !important;
+  color: #3fcf82 !important;
   opacity: 1;
 }
 
@@ -11927,28 +12166,28 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
   background-color: #fff;
   border-color: #fff;
-  color: #48c78e;
+  color: #3fcf82;
 }
 
 .hero.is-success.is-bold {
-  background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
+  background-image: linear-gradient(141deg, #21ba4f 0%, #3fcf82 71%, #4edaa6 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-success.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
+    background-image: linear-gradient(141deg, #21ba4f 0%, #3fcf82 71%, #4edaa6 100%);
   }
 }
 
 .hero.is-warning {
-  background-color: #ffe08a;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #ffb60a;
+  color: var(--bulma-white);
 }
 
 .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -11957,38 +12196,38 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-warning .title {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .hero.is-warning .subtitle {
-  color: rgba(0, 0, 0, 0.9);
+  color: var(--bulma-white);
 }
 
 .hero.is-warning .subtitle a:not(.button),
 .hero.is-warning .subtitle strong {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 @media screen and (max-width: 1023px) {
   .hero.is-warning .navbar-menu {
-    background-color: #ffe08a;
+    background-color: #ffb60a;
   }
 }
 
 .hero.is-warning .navbar-item,
 .hero.is-warning .navbar-link {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
 .hero.is-warning .navbar-link:hover,
 .hero.is-warning .navbar-link.is-active {
-  background-color: #ffd970;
-  color: rgba(0, 0, 0, 0.7);
+  background-color: #f0a800;
+  color: var(--bulma-white);
 }
 
 .hero.is-warning .tabs a {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
   opacity: 0.9;
 }
 
@@ -11997,36 +12236,36 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-warning .tabs li.is-active a {
-  color: #ffe08a !important;
+  color: #ffb60a !important;
   opacity: 1;
 }
 
 .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
-  color: rgba(0, 0, 0, 0.7);
+  color: var(--bulma-white);
 }
 
 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
-  background-color: rgba(0, 0, 0, 0.7);
-  border-color: rgba(0, 0, 0, 0.7);
-  color: #ffe08a;
+  background-color: var(--bulma-white);
+  border-color: var(--bulma-white);
+  color: #ffb60a;
 }
 
 .hero.is-warning.is-bold {
-  background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
+  background-image: linear-gradient(141deg, #d67200 0%, #ffb60a 71%, #ffe224 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-warning.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
+    background-image: linear-gradient(141deg, #d67200 0%, #ffb60a 71%, #ffe224 100%);
   }
 }
 
 .hero.is-danger {
-  background-color: #f14668;
+  background-color: #f15146;
   color: #fff;
 }
 
@@ -12050,7 +12289,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 @media screen and (max-width: 1023px) {
   .hero.is-danger .navbar-menu {
-    background-color: #f14668;
+    background-color: #f15146;
   }
 }
 
@@ -12062,7 +12301,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
 .hero.is-danger .navbar-link:hover,
 .hero.is-danger .navbar-link.is-active {
-  background-color: #ef2e55;
+  background-color: #ef3b2e;
   color: #fff;
 }
 
@@ -12076,7 +12315,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-danger .tabs li.is-active a {
-  color: #f14668 !important;
+  color: #f15146 !important;
   opacity: 1;
 }
 
@@ -12085,22 +12324,101 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
 }
 
 .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
   background-color: #fff;
   border-color: #fff;
-  color: #f14668;
+  color: #f15146;
 }
 
 .hero.is-danger.is-bold {
-  background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
+  background-image: linear-gradient(141deg, #fa0a22 0%, #f15146 71%, #f77e59 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-danger.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
+    background-image: linear-gradient(141deg, #fa0a22 0%, #f15146 71%, #f77e59 100%);
+  }
+}
+
+.hero.is-text {
+  background-color: #404654;
+  color: #fff;
+}
+
+.hero.is-text a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-text strong {
+  color: inherit;
+}
+
+.hero.is-text .title {
+  color: #fff;
+}
+
+.hero.is-text .subtitle {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-text .subtitle a:not(.button),
+.hero.is-text .subtitle strong {
+  color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+  .hero.is-text .navbar-menu {
+    background-color: #404654;
+  }
+}
+
+.hero.is-text .navbar-item,
+.hero.is-text .navbar-link {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-text a.navbar-item:hover, .hero.is-text a.navbar-item.is-active,
+.hero.is-text .navbar-link:hover,
+.hero.is-text .navbar-link.is-active {
+  background-color: #353a46;
+  color: #fff;
+}
+
+.hero.is-text .tabs a {
+  color: #fff;
+  opacity: 0.9;
+}
+
+.hero.is-text .tabs a:hover {
+  opacity: 1;
+}
+
+.hero.is-text .tabs li.is-active a {
+  color: #404654 !important;
+  opacity: 1;
+}
+
+.hero.is-text .tabs.is-boxed a, .hero.is-text .tabs.is-toggle a {
+  color: #fff;
+}
+
+.hero.is-text .tabs.is-boxed a:hover, .hero.is-text .tabs.is-toggle a:hover {
+  background-color: bulmargba(var(--bulma-shadow-color-rgb), 0.1);
+}
+
+.hero.is-text .tabs.is-boxed li.is-active a, .hero.is-text .tabs.is-boxed li.is-active a:hover, .hero.is-text .tabs.is-toggle li.is-active a, .hero.is-text .tabs.is-toggle li.is-active a:hover {
+  background-color: #fff;
+  border-color: #fff;
+  color: #404654;
+}
+
+.hero.is-text.is-bold {
+  background-image: linear-gradient(141deg, #25303c 0%, #404654 71%, #464b67 100%);
+}
+
+@media screen and (max-width: 768px) {
+  .hero.is-text.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #25303c 0%, #404654 71%, #464b67 100%);
   }
 }
 
@@ -12219,11 +12537,36 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 
 .footer {
-  background-color: #fafafa;
+  background-color: var(--bulma-white-bis);
   padding: 3rem 1.5rem 6rem;
 }
 
 :root {
+  --bulma-scheme-main: var(--bulma-white);
+  --bulma-scheme-main-bis: var(--bulma-white-bis);
+  --bulma-scheme-main-ter: var(--bulma-white-ter);
+  --bulma-scheme-invert: var(--bulma-text-00);
+  --bulma-scheme-invert-bis: var(--bulma-text-05);
+  --bulma-scheme-invert-ter: var(--bulma-text-10);
+  --bulma-text: var(--bulma-text-25);
+  --bulma-text-invert: var(--bulma-white);
+  --bulma-text-light: var(--bulma-text-55);
+  --bulma-text-strong: var(--bulma-text-10);
+  --bulma-background: var(--bulma-text-90);
+  --bulma-border: var(--bulma-text-85);
+  --bulma-border-hover: var(--bulma-text-80);
+  --bulma-border-light: var(--bulma-text-90);
+  --bulma-border-light-hover: var(--bulma-text-85);
+  --bulma-code: var(--bulma-danger-60);
+  --bulma-code-background: var(--bulma-text-90);
+  --bulma-pre: var(--bulma-text-40);
+  --bulma-pre-background: var(--bulma-text-90);
+  --bulma-link-hover: var(--bulma-text-20);
+  --bulma-link-hover-border: var(--bulma-text-70);
+  --bulma-link-focus: var(--bulma-text-20);
+  --bulma-link-focus-border: var(--bulma-link);
+  --bulma-link-active: var(--bulma-text-20);
+  --bulma-link-active-border: var(--bulma-text-30);
   --bulma-family-sans-serif: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
   --bulma-family-monospace: monospace;
   --bulma-size-1: 3rem;
@@ -12246,34 +12589,6 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-radius-large: 6px;
   --bulma-radius-rounded: 9999px;
   --bulma-speed: 86ms;
-  --bulma-scheme-main: white;
-  --bulma-scheme-main-bis: #fafafa;
-  --bulma-scheme-main-ter: whitesmoke;
-  --bulma-scheme-invert: #0a0a0a;
-  --bulma-scheme-invert-bis: #121212;
-  --bulma-scheme-invert-ter: #242424;
-  --bulma-background: whitesmoke;
-  --bulma-border: #dbdbdb;
-  --bulma-border-hover: #b5b5b5;
-  --bulma-border-light: #ededed;
-  --bulma-border-light-hover: #b5b5b5;
-  --bulma-text: #4a4a4a;
-  --bulma-text-invert: #fff;
-  --bulma-text-light: #7a7a7a;
-  --bulma-text-strong: #363636;
-  --bulma-code: #da1039;
-  --bulma-code-background: whitesmoke;
-  --bulma-pre: #4a4a4a;
-  --bulma-pre-background: whitesmoke;
-  --bulma-link-light: #eff1fa;
-  --bulma-link-dark: #3850b7;
-  --bulma-link-visited: #b86bff;
-  --bulma-link-hover: #363636;
-  --bulma-link-hover-border: #b5b5b5;
-  --bulma-link-focus: #363636;
-  --bulma-link-focus-border: #485fc7;
-  --bulma-link-active: #363636;
-  --bulma-link-active-border: #4a4a4a;
   --bulma-family-primary: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
   --bulma-family-secondary: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
   --bulma-family-code: monospace;
@@ -12281,7 +12596,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-size-normal: 1rem;
   --bulma-size-medium: 1.25rem;
   --bulma-size-large: 1.5rem;
-  --bulma-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  --bulma-shadow: 0 0.5em 1em -0.125em rgba(var(--bulma-shadow-color-rgb), 0.1), 0 0px 0 1px rgba(var(--bulma-shadow-color-rgb), 0.02);
+  --bulma-shadow-color-rgb: 10.2, 10.2, 10.2;
   --bulma-white-rgb: 255, 255, 255;
   --bulma-white-h: 0deg;
   --bulma-white-s: 0%;
@@ -12421,12 +12737,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-primary-95: hsl(var(--bulma-primary-h), var(--bulma-primary-s), 96%);
   --bulma-primary-95: hsl(var(--bulma-primary-h), var(--bulma-primary-s), 96%);
   --bulma-primary-invert: #fff;
-  --bulma-link-rgb: 71.6295, 94.92035, 198.6705;
+  --bulma-link-rgb: 59.6445, 87.32985, 210.6555;
   --bulma-link-h: 229deg;
-  --bulma-link-s: 53%;
+  --bulma-link-s: 63%;
   --bulma-link-l: 53%;
-  --bulma-link: #485fc7;
-  --bulma-link-base: #485fc7;
+  --bulma-link: #3c57d3;
+  --bulma-link-base: #3c57d3;
   --bulma-link-00: hsl(var(--bulma-link-h), var(--bulma-link-s), 3%);
   --bulma-link-05: hsl(var(--bulma-link-h), var(--bulma-link-s), 8%);
   --bulma-link-10: hsl(var(--bulma-link-h), var(--bulma-link-s), 13%);
@@ -12449,12 +12765,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-link-95: hsl(var(--bulma-link-h), var(--bulma-link-s), 98%);
   --bulma-link-95: hsl(var(--bulma-link-h), var(--bulma-link-s), 98%);
   --bulma-link-invert: #fff;
-  --bulma-info-rgb: 62.0415, 142.46085, 208.2585;
-  --bulma-info-h: 207deg;
-  --bulma-info-s: 61%;
+  --bulma-info-rgb: 23.6895, 179.7342, 246.6105;
+  --bulma-info-h: 198deg;
+  --bulma-info-s: 93%;
   --bulma-info-l: 53%;
-  --bulma-info: #3e8ed0;
-  --bulma-info-base: #3e8ed0;
+  --bulma-info: #18b4f7;
+  --bulma-info-base: #18b4f7;
   --bulma-info-00: hsl(var(--bulma-info-h), var(--bulma-info-s), 3%);
   --bulma-info-05: hsl(var(--bulma-info-h), var(--bulma-info-s), 8%);
   --bulma-info-10: hsl(var(--bulma-info-h), var(--bulma-info-s), 13%);
@@ -12477,12 +12793,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-info-95: hsl(var(--bulma-info-h), var(--bulma-info-s), 98%);
   --bulma-info-95: hsl(var(--bulma-info-h), var(--bulma-info-s), 98%);
   --bulma-info-invert: #fff;
-  --bulma-success-rgb: 71.6295, 198.6705, 141.50205;
-  --bulma-success-h: 153deg;
-  --bulma-success-s: 53%;
+  --bulma-success-rgb: 63.24, 207.06, 130.356;
+  --bulma-success-h: 148deg;
+  --bulma-success-s: 60%;
   --bulma-success-l: 53%;
-  --bulma-success: #48c78e;
-  --bulma-success-base: #48c78e;
+  --bulma-success: #3fcf82;
+  --bulma-success-base: #3fcf82;
   --bulma-success-00: hsl(var(--bulma-success-h), var(--bulma-success-s), 3%);
   --bulma-success-05: hsl(var(--bulma-success-h), var(--bulma-success-s), 8%);
   --bulma-success-10: hsl(var(--bulma-success-h), var(--bulma-success-s), 13%);
@@ -12505,12 +12821,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-success-95: hsl(var(--bulma-success-h), var(--bulma-success-s), 98%);
   --bulma-success-95: hsl(var(--bulma-success-h), var(--bulma-success-s), 98%);
   --bulma-success-invert: #fff;
-  --bulma-warning-rgb: 255, 223.72, 137.7;
-  --bulma-warning-h: 44deg;
+  --bulma-warning-rgb: 255, 181.56, 10.2;
+  --bulma-warning-h: 42deg;
   --bulma-warning-s: 100%;
-  --bulma-warning-l: 77%;
-  --bulma-warning: #ffe08a;
-  --bulma-warning-base: #ffe08a;
+  --bulma-warning-l: 52%;
+  --bulma-warning: #ffb60a;
+  --bulma-warning-base: #ffb60a;
   --bulma-warning-00: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 2%);
   --bulma-warning-05: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 7%);
   --bulma-warning-10: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 12%);
@@ -12531,13 +12847,14 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-warning-85: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 87%);
   --bulma-warning-90: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 92%);
   --bulma-warning-95: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 97%);
-  --bulma-warning-invert: rgba(0, 0, 0, 0.7);
-  --bulma-danger-rgb: 241.077, 70.023, 104.2338;
-  --bulma-danger-h: 348deg;
+  --bulma-warning-95: hsl(var(--bulma-warning-h), var(--bulma-warning-s), 97%);
+  --bulma-warning-invert: var(--bulma-white);
+  --bulma-danger-rgb: 241.077, 81.4266, 70.023;
+  --bulma-danger-h: 4deg;
   --bulma-danger-s: 86%;
   --bulma-danger-l: 61%;
-  --bulma-danger: #f14668;
-  --bulma-danger-base: #f14668;
+  --bulma-danger: #f15146;
+  --bulma-danger-base: #f15146;
   --bulma-danger-00: hsl(var(--bulma-danger-h), var(--bulma-danger-s), 1%);
   --bulma-danger-05: hsl(var(--bulma-danger-h), var(--bulma-danger-s), 6%);
   --bulma-danger-10: hsl(var(--bulma-danger-h), var(--bulma-danger-s), 11%);
@@ -12560,6 +12877,33 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-danger-95: hsl(var(--bulma-danger-h), var(--bulma-danger-s), 96%);
   --bulma-danger-95: hsl(var(--bulma-danger-h), var(--bulma-danger-s), 96%);
   --bulma-danger-invert: #fff;
+  --bulma-text-rgb: 63.597, 70.1539, 84.303;
+  --bulma-text-h: 221deg;
+  --bulma-text-s: 14%;
+  --bulma-text-l: 29%;
+  --bulma-text: #404654;
+  --bulma-text-base: #404654;
+  --bulma-text-00: hsl(var(--bulma-text-h), var(--bulma-text-s), 4%);
+  --bulma-text-05: hsl(var(--bulma-text-h), var(--bulma-text-s), 9%);
+  --bulma-text-10: hsl(var(--bulma-text-h), var(--bulma-text-s), 14%);
+  --bulma-text-15: hsl(var(--bulma-text-h), var(--bulma-text-s), 19%);
+  --bulma-text-20: hsl(var(--bulma-text-h), var(--bulma-text-s), 24%);
+  --bulma-text-25: hsl(var(--bulma-text-h), var(--bulma-text-s), 29%);
+  --bulma-text-30: hsl(var(--bulma-text-h), var(--bulma-text-s), 34%);
+  --bulma-text-35: hsl(var(--bulma-text-h), var(--bulma-text-s), 39%);
+  --bulma-text-40: hsl(var(--bulma-text-h), var(--bulma-text-s), 44%);
+  --bulma-text-45: hsl(var(--bulma-text-h), var(--bulma-text-s), 49%);
+  --bulma-text-50: hsl(var(--bulma-text-h), var(--bulma-text-s), 54%);
+  --bulma-text-55: hsl(var(--bulma-text-h), var(--bulma-text-s), 59%);
+  --bulma-text-60: hsl(var(--bulma-text-h), var(--bulma-text-s), 64%);
+  --bulma-text-65: hsl(var(--bulma-text-h), var(--bulma-text-s), 69%);
+  --bulma-text-70: hsl(var(--bulma-text-h), var(--bulma-text-s), 74%);
+  --bulma-text-75: hsl(var(--bulma-text-h), var(--bulma-text-s), 79%);
+  --bulma-text-80: hsl(var(--bulma-text-h), var(--bulma-text-s), 84%);
+  --bulma-text-85: hsl(var(--bulma-text-h), var(--bulma-text-s), 89%);
+  --bulma-text-90: hsl(var(--bulma-text-h), var(--bulma-text-s), 94%);
+  --bulma-text-95: hsl(var(--bulma-text-h), var(--bulma-text-s), 99%);
+  --bulma-text-invert: #fff;
   --bulma-black-bis: #121212;
   --bulma-black-ter: #242424;
   --bulma-grey-darker: #363636;
@@ -12569,4 +12913,38 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   --bulma-grey-lighter: #dbdbdb;
   --bulma-white-ter: whitesmoke;
   --bulma-white-bis: #fafafa;
+  /*@include register-vars(
+    (
+      scheme-main: var(--bulma-white),
+      scheme-main-bis: var(--bulma-white-bis),
+      scheme-main-ter: var(--bulma-white-ter),
+      scheme-invert: var(--bulma-text-00),
+      scheme-invert-bis: var(--bulma-text-05),
+      scheme-invert-ter: var(--bulma-text-10),
+
+      text: var(--bulma-text-25),
+      text-invert: var(--bulma-white),
+      text-light: var(--bulma-text-55),
+      text-strong: var(--bulma-text-10),
+
+      background: var(--bulma-text-90),
+      border: var(--bulma-text-85),
+      border-hover: var(--bulma-text-80),
+      border-light: var(--bulma-text-90),
+      border-light-hover: var(--bulma-text-85),
+
+      code: var(--bulma-danger-60),
+      code-background: var(--bulma-text-90),
+      pre: var(--bulma-text-40),
+      pre-background: var(--bulma-text-90),
+
+      link-visited: #b86bff,
+      link-hover: var(--bulma-text-20),
+      link-hover-border: var(--bulma-text-70),
+      link-focus: var(--bulma-text-20),
+      link-focus-border: var(--bulma-link),
+      link-active: var(--bulma-text-20),
+      link-active-border: var(--bulma-text-30),
+    )
+  );*/
 }
index 69994c283d206aa27a50ac5bc0babd5a7fe6b4d3..f548a54a9d1781dbb435bfa92b4764d24c564c04 100644 (file)
@@ -10,24 +10,38 @@ title: Base/Generic
 <header>header</header>
 <hgroup>hgroup</hgroup>
 <section>section</section>
-<body>body</body>
+<body>
+  body
+</body>
 <button>button</button>
-<input>input</button>
+<input />
 <optgroup>optgroup</optgroup>
-<select>select</select>
+<select>
+  select
+</select>
 <textarea>textarea</textarea>
 <code>code</code>
 <pre>pre<code>code</code></pre>
-<img src="{{ site.url }}/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
+<img
+  src="{{ site.url }}/images/bulma-logo.png"
+  alt="Bulma: a modern CSS framework based on Flexbox"
+  width="112"
+  height="28"
+/>
 <a>Link <strong>strong</strong></a>
-<hr>hr</pre>
-<img>img</pre>
+<hr />
+<img />
 <small>small</small>
 <span>span</span>
 <strong>strong</strong>
 <fieldset>fieldset</fieldset>
-<table><tr><th>th</th><td>td</td></tr></table>
+<table>
+  <tr>
+    <th>th</th>
+    <td>td</td>
+  </tr>
+</table>
 <fieldset>
-  <input type="checkbox" name="check">
-  <input type="radio" name="rad">
+  <input type="checkbox" name="check" />
+  <input type="radio" name="rad" />
 </fieldset>
index 85788feee8d633df3f5efa0e0b76ad99706c6dcf..f20a4f331b8ac918a62bbb683e7bebb3338c205e 100644 (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;
index 5a9764115a1b89cbf398b95274be62fc7c7f1854..82dd6a11bb0cc8961350150af4a6fa69d42167ba 100644 (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;
index 0c68624f3971df52ab7b8f12fb70d6561ae6baa7..b7ab606ac226c83f2459e2e0f31e0787cd19415c 100644 (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);
       }
     }
 
index 543183c39291a6e4cbeabcfc7814e76f04575664..8be40e92e091f99c98e5d1b3ba8775ad41e5c9f6 100644 (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(
index 8b922295a17975a346097ddbc083cf8b5198a572..6c234b068f60519b1ce21246076affb488b71de9 100644 (file)
@@ -6,9 +6,9 @@ $box-radius: getVar("radius-large") !default;
 $box-shadow: getVar("shadow") !default;
 $box-padding: 1.25rem !default;
 
-$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1),
+$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba(getVar("shadow-color-rgb"), 0.1),
   0 0 0 1px getVar("link") !default;
-$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2),
+$box-link-active-shadow: inset 0 1px 2px rgba(getVar("shadow-color-rgb"), 0.2),
   0 0 0 1px getVar("link") !default;
 
 :root {
index 4f224acb84d4385119c9c3f9d03c8118523035df..8baa5ba8fa5e133e8d1461ac491a7d3860ab7d06 100644 (file)
@@ -7,7 +7,7 @@ $input-color: $text-strong !default;
 $input-background-color: $scheme-main !default;
 $input-border-color: $border !default;
 $input-height: $control-height !default;
-$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default;
+$input-shadow: inset 0 0.0625em 0.125em rgba(getVar("shadow-color-rgb"), 0.05) !default;
 $input-placeholder-color: bulmaRgba($input-color, 0.3) !default;
 
 $input-hover-color: $text-strong !default;
index 76c8934e6e2cd5fe7c7173054c74aba5f672b6fe..21f646f0f4f11d8888525e213eb1e39f28af11e9 100644 (file)
@@ -95,7 +95,7 @@ $hero-colors: $colors !default;
             color: $color-invert;
 
             &:hover {
-              background-color: bulmaRgba($scheme-invert, 0.1);
+              background-color: bulmargba(getVar("shadow-color-rgb"), 0.1);
             }
           }
 
diff --git a/sass/themes/dark.scss b/sass/themes/dark.scss
new file mode 100644 (file)
index 0000000..e21a0be
--- /dev/null
@@ -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)},
+    )
+  );
+}
index 225afc4b65b51eca11b43781c40cec3fe5364ea4..e7bdc491f102ad6202e08654230f88a3013eb950 100644 (file)
@@ -1,6 +1,31 @@
 :root {
   @include register-vars(
     (
+      scheme-main: #{$scheme-main},
+      scheme-main-bis: #{$scheme-main-bis},
+      scheme-main-ter: #{$scheme-main-ter},
+      scheme-invert: #{$scheme-invert},
+      scheme-invert-bis: #{$scheme-invert-bis},
+      scheme-invert-ter: #{$scheme-invert-ter},
+      text: #{$text},
+      text-invert: #{$text-invert},
+      text-light: #{$text-light},
+      text-strong: #{$text-strong},
+      background: #{$background},
+      border: #{$border},
+      border-hover: #{$border-hover},
+      border-light: #{$border-light},
+      border-light-hover: #{$border-light-hover},
+      code: #{$code},
+      code-background: #{$code-background},
+      pre: #{$pre},
+      pre-background: #{$pre-background},
+      link-hover: #{$link-hover},
+      link-hover-border: #{$link-hover-border},
+      link-focus: #{$link-focus},
+      link-focus-border: #{$link-focus-border},
+      link-active: #{$link-active},
+      link-active-border: #{$link-active-border},
       family-sans-serif: #{$family-sans-serif},
       family-monospace: #{$family-monospace},
       size-1: #{$size-1},
       radius-large: #{$radius-large},
       radius-rounded: #{$radius-rounded},
       speed: #{$speed},
-
-      scheme-main: #{$white},
-      scheme-main-bis: #{$white-bis},
-      scheme-main-ter: #{$white-ter},
-      scheme-invert: #{$black},
-      scheme-invert-bis: #{$black-bis},
-      scheme-invert-ter: #{$black-ter},
-      background: #{$background},
-      border: #{$border},
-      border-hover: #{$border-hover},
-      border-light: #{$border-light},
-      border-light-hover: #{$border-light-hover},
-      text: #{$text},
-      text-invert: #{$text-invert},
-      text-light: #{$text-light},
-      text-strong: #{$text-strong},
-      code: #{$code},
-      code-background: #{$code-background},
-      pre: #{$pre},
-      pre-background: #{$pre-background},
-      link-light: #{$link-light},
-      link-dark: #{$link-dark},
-      link-visited: #{$link-visited},
-      link-hover: #{$link-hover},
-      link-hover-border: #{$link-hover-border},
-      link-focus: #{$link-focus},
-      link-focus-border: #{$link-focus-border},
-      link-active: #{$link-active},
-      link-active-border: #{$link-active-border},
       family-primary: #{$family-primary},
       family-secondary: #{$family-secondary},
       family-code: #{$family-code},
@@ -63,6 +59,8 @@
     )
   );
 
+  @include register-rgb("shadow-color", $shadow-color);
+
   @each $name, $pair in $colors {
     $base: nth($pair, 1);
     $invert: nth($pair, 2);
   @each $name, $shade in $shades {
     @include register-var($name, $shade);
   }
+
+  /*@include register-vars(
+    (
+      scheme-main: #{getVar("white")},
+      scheme-main-bis: #{getVar("white-bis")},
+      scheme-main-ter: #{getVar("white-ter")},
+      scheme-invert: #{getVar("text-00")},
+      scheme-invert-bis: #{getVar("text-05")},
+      scheme-invert-ter: #{getVar("text-10")},
+
+      text: #{getVar("text-25")},
+      text-invert: #{getVar("white")},
+      text-light: #{getVar("text-55")},
+      text-strong: #{getVar("text-10")},
+
+      background: #{getVar("text-90")},
+      border: #{getVar("text-85")},
+      border-hover: #{getVar("text-80")},
+      border-light: #{getVar("text-90")},
+      border-light-hover: #{getVar("text-85")},
+
+      code: #{getVar("danger-60")},
+      code-background: #{getVar("text-90")},
+      pre: #{getVar("text-40")},
+      pre-background: #{getVar("text-90")},
+
+      link-visited: #{$link-visited},
+      link-hover: #{$link-hover},
+      link-hover-border: #{$link-hover-border},
+      link-focus: #{$link-focus},
+      link-focus-border: #{$link-focus-border},
+      link-active: #{$link-active},
+      link-active-border: #{$link-active-border},
+    )
+  );*/
 }
index a9be8140af9f571a9d59ecc860f98c45e5cd4b15..c34598cd9dae9d034102359a006781269c9f59bb 100644 (file)
@@ -1,5 +1,4 @@
 @function buildVarName($name, $prefix: "", $suffix: "") {
-  @debug $cssvars-prefix;
   @return "--#{$cssvars-prefix}#{$prefix}#{$name}#{$suffix}";
 }
 
@@ -8,6 +7,11 @@
   @return var(#{$varName});
 }
 
+@function getRgbaVar($name, $alpha, $prefix: "", $suffix: "") {
+  $varName: buildVarName($name, $prefix, $suffix);
+  @return unquote("rgba(var(#{$varName}), #{$alpha})");
+}
+
 @mixin register-var($name, $value, $prefix: "", $suffix: "") {
   $varName: buildVarName($name, $prefix, $suffix);
   #{$varName}: #{$value};
 
   @include register-var($name, $invert, "", "-invert");
 }
+
+@mixin bulma-theme($name, $scope: "") {
+  @if ($scope == "parent") {
+    [data-#{$class-prefix}theme="#{$name}"] &,
+    .#{$class-prefix}theme-#{$name} & {
+      @content;
+    }
+  } @else if ($scope == "self") {
+    &[data-#{$class-prefix}theme="#{$name}"],
+    &.#{$class-prefix}theme-#{$name} {
+      @content;
+    }
+  } @else {
+    [data-#{$class-prefix}theme="#{$name}"],
+    .#{$class-prefix}theme-#{$name} {
+      @content;
+    }
+  }
+}
index 10189788b526c3446aefd59ad39b997becbf9df1..3b66f686a8a41ff524b3d2d9102f0731b2a46b69 100644 (file)
@@ -1,5 +1,6 @@
 @import "initial-variables";
 @import "functions";
+@import "css-variables";
 
 $primary: $turquoise !default;
 
@@ -31,7 +32,7 @@ $info-dark: findDarkColor($info) !default;
 $success-invert: findColorInvert($success) !default;
 $success-light: findLightColor($success) !default;
 $success-dark: findDarkColor($success) !default;
-$warning-invert: findColorInvert($warning) !default;
+$warning-invert: #{getVar("white")} !default;
 $warning-light: findLightColor($warning) !default;
 $warning-dark: findDarkColor($warning) !default;
 $danger-invert: findColorInvert($danger) !default;
@@ -42,51 +43,49 @@ $dark-invert: findColorInvert($dark) !default;
 
 // General colors
 
-$scheme-main: $white !default;
-$scheme-main-bis: $white-bis !default;
-$scheme-main-ter: $white-ter !default;
-$scheme-invert: $black !default;
-$scheme-invert-bis: $black-bis !default;
-$scheme-invert-ter: $black-ter !default;
+$scheme-main: #{getVar("white")} !default;
+$scheme-main-bis: #{getVar("white-bis")} !default;
+$scheme-main-ter: #{getVar("white-ter")} !default;
+$scheme-invert: #{getVar("text-00")} !default;
+$scheme-invert-bis: #{getVar("text-05")} !default;
+$scheme-invert-ter: #{getVar("text-10")} !default;
 
-$background: $white-ter !default;
+$background: #{getVar("text-90")} !default;
 
-$border: $grey-lighter !default;
-$border-hover: $grey-light !default;
-$border-light: $grey-lightest !default;
-$border-light-hover: $grey-light !default;
+$border: #{getVar("text-85")} !default;
+$border-hover: #{getVar("text-80")} !default;
+$border-light: #{getVar("text-90")} !default;
+$border-light-hover: #{getVar("text-85")} !default;
 
 // Text colors
 
-$text: $grey-dark !default;
-$text-invert: findColorInvert($text) !default;
-$text-light: $grey !default;
-$text-strong: $grey-darker !default;
+$text: #{getVar("text-25")} !default;
+$text-invert: #{getVar("white")} !default;
+$text-light: #{getVar("text-55")} !default;
+$text-strong: #{getVar("text-10")} !default;
 
 // Code colors
 
-$code: darken($red, 15%) !default;
-$code-background: $background !default;
+$code: #{getVar("danger-60")} !default;
+$code-background: #{getVar("text-90")} !default;
 
-$pre: $text !default;
-$pre-background: $background !default;
+$pre: #{getVar("text-40")} !default;
+$pre-background: #{getVar("text-90")} !default;
 
 // Link colors
 
 $link: $blue !default;
 $link-invert: findColorInvert($link) !default;
-$link-light: findLightColor($link) !default;
-$link-dark: findDarkColor($link) !default;
 $link-visited: $purple !default;
 
-$link-hover: $grey-darker !default;
-$link-hover-border: $grey-light !default;
+$link-hover: #{getVar("text-20")} !default;
+$link-hover-border: #{getVar("text-70")} !default;
 
-$link-focus: $grey-darker !default;
-$link-focus-border: $blue !default;
+$link-focus: #{getVar("text-20")} !default;
+$link-focus-border: #{getVar("link")} !default;
 
-$link-active: $grey-darker !default;
-$link-active-border: $grey-dark !default;
+$link-active: #{getVar("text-20")} !default;
+$link-active-border: #{getVar("text-30")} !default;
 
 // Typography
 
@@ -101,8 +100,9 @@ $size-large: $size-4 !default;
 
 // Effects
 
-$shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1),
-  0 0px 0 1px rgba($scheme-invert, 0.02) !default;
+$shadow-color: $black !default;
+$shadow: 0 0.5em 1em -0.125em rgba(var(--bulma-shadow-color-rgb), 0.1),
+  0 0px 0 1px rgba(var(--bulma-shadow-color-rgb), 0.02) !default;
 
 // Lists and maps
 $custom-colors: null !default;
@@ -135,8 +135,6 @@ $colors: mergeColorMaps(
     "link": (
       $link,
       $link-invert,
-      $link-light,
-      $link-dark
     ),
     "info": (
       $info,
@@ -161,6 +159,10 @@ $colors: mergeColorMaps(
       $danger-invert,
       $danger-light,
       $danger-dark
+    ),
+    "text": (
+      hsl(221, 14%, 29%),
+      #fff
     )
   ),
   $custom-colors
index ce79730630b71dc9234fc601203a618898cf5147..1a5e0389f8d60f8f805dd5b0bc179228d8a34354 100644 (file)
@@ -16,13 +16,13 @@ $white-bis: hsl(0, 0%, 98%) !default;
 $white: hsl(0, 0%, 100%) !default;
 
 $orange: hsl(14, 100%, 53%) !default;
-$yellow: hsl(44, 100%, 77%) !default;
-$green: hsl(153, 53%, 53%) !default;
+$yellow: hsl(42, 100%, 52%) !default;
+$green: hsl(148, 60%, 53%) !default;
 $turquoise: hsl(171, 100%, 41%) !default;
-$cyan: hsl(207, 61%, 53%) !default;
-$blue: hsl(229, 53%, 53%) !default;
+$cyan: hsl(198, 93%, 53%) !default;
+$blue: hsl(229, 63%, 53%) !default;
 $purple: hsl(271, 100%, 71%) !default;
-$red: hsl(348, 86%, 61%) !default;
+$red: hsl(4, 86%, 61%) !default;
 
 // Typography
 
index 4aab21d783adb3b95814bfde8bb04f78d60b6852..c131281a6b248df315f1ee5f2df1bb8fdf329538 100644 (file)
 
   -moz-appearance: none;
   -webkit-appearance: none;
-  background-color: bulmaRgba($scheme-invert, 0.2);
+  background-color: bulmargba(getVar("shadow-color-rgb"), 0.2);
   border: none;
   border-radius: $radius-rounded;
   cursor: pointer;
 
   &:hover,
   &:focus {
-    background-color: bulmaRgba($scheme-invert, 0.3);
+    background-color: bulmargba(getVar("shadow-color-rgb"), 0.3);
   }
 
   &:active {
-    background-color: bulmaRgba($scheme-invert, 0.4);
+    background-color: bulmargba(getVar("shadow-color-rgb"), 0.4);
   }
 
   // Sizes