New colors

css/bulma.css

@@ -232,7 +232,7 @@ body {
 }
 
 a {
-  color: #1fc8db;
+  color: #11e4c4;
   cursor: pointer;
   text-decoration: none;
   -webkit-transition: none 86ms ease-out;
@@ -245,7 +245,7 @@ a:hover {
 
 code {
   background-color: #f5f7fa;
-  color: #ed6c63;
+  color: #ff0f3f;
   font-size: 12px;
   font-weight: normal;
   padding: 1px 2px 2px;
@@ -707,11 +707,11 @@ table th {
 }
 
 a.box:hover, a.box:focus {
-  box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #1fc8db;
+  box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #11e4c4;
 }
 
 a.box:active {
-  box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #1fc8db;
+  box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #11e4c4;
 }
 
 .button {
@@ -751,7 +751,7 @@ a.box:active {
 }
 
 .button:active, .button:focus, .button.is-active {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   outline: none;
 }
 
@@ -974,13 +974,13 @@ a.box:active {
 }
 
 .button.is-primary {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   border-color: transparent;
   color: white;
 }
 
 .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
-  background-color: #199fae;
+  background-color: #0eb49b;
   border-color: transparent;
   color: white;
 }
@@ -991,7 +991,7 @@ a.box:active {
 
 .button.is-primary.is-inverted {
   background-color: white;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .button.is-primary.is-inverted:hover {
@@ -1004,24 +1004,24 @@ a.box:active {
 
 .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #1fc8db;
+  border-color: #11e4c4;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   color: white;
 }
 
 .button.is-info {
-  background-color: #42afe3;
+  background-color: #0f6bff;
   border-color: transparent;
   color: white;
 }
 
 .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
-  background-color: #1f99d3;
+  background-color: #0054db;
   border-color: transparent;
   color: white;
 }
@@ -1032,7 +1032,7 @@ a.box:active {
 
 .button.is-info.is-inverted {
   background-color: white;
-  color: #42afe3;
+  color: #0f6bff;
 }
 
 .button.is-info.is-inverted:hover {
@@ -1045,24 +1045,24 @@ a.box:active {
 
 .button.is-info.is-outlined {
   background-color: transparent;
-  border-color: #42afe3;
+  border-color: #0f6bff;
-  color: #42afe3;
+  color: #0f6bff;
 }
 
 .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
-  background-color: #42afe3;
+  background-color: #0f6bff;
-  border-color: #42afe3;
+  border-color: #0f6bff;
   color: white;
 }
 
 .button.is-success {
-  background-color: #97cd76;
+  background-color: #20ee68;
   border-color: transparent;
   color: white;
 }
 
 .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
-  background-color: #7bbf51;
+  background-color: #0fcc51;
   border-color: transparent;
   color: white;
 }
@@ -1073,7 +1073,7 @@ a.box:active {
 
 .button.is-success.is-inverted {
   background-color: white;
-  color: #97cd76;
+  color: #20ee68;
 }
 
 .button.is-success.is-inverted:hover {
@@ -1086,26 +1086,26 @@ a.box:active {
 
 .button.is-success.is-outlined {
   background-color: transparent;
-  border-color: #97cd76;
+  border-color: #20ee68;
-  color: #97cd76;
+  color: #20ee68;
 }
 
 .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
-  background-color: #97cd76;
+  background-color: #20ee68;
-  border-color: #97cd76;
+  border-color: #20ee68;
   color: white;
 }
 
 .button.is-warning {
-  background-color: #fce473;
+  background-color: #ffcf0f;
   border-color: transparent;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
-  background-color: #fbda41;
+  background-color: #dbaf00;
   border-color: transparent;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .button.is-warning:active {
@@ -1113,38 +1113,38 @@ a.box:active {
 }
 
 .button.is-warning.is-inverted {
-  background-color: rgba(17, 17, 17, 0.5);
+  background-color: white;
-  color: #fce473;
+  color: #ffcf0f;
 }
 
 .button.is-warning.is-inverted:hover {
-  background-color: rgba(4, 4, 4, 0.5);
+  background-color: #f2f2f2;
 }
 
 .button.is-warning.is-loading:after {
-  border-color: transparent transparent rgba(17, 17, 17, 0.5) rgba(17, 17, 17, 0.5) !important;
+  border-color: transparent transparent white white !important;
 }
 
 .button.is-warning.is-outlined {
   background-color: transparent;
-  border-color: #fce473;
+  border-color: #ffcf0f;
-  color: #fce473;
+  color: #ffcf0f;
 }
 
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
-  background-color: #fce473;
+  background-color: #ffcf0f;
-  border-color: #fce473;
+  border-color: #ffcf0f;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .button.is-danger {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
   border-color: transparent;
   color: white;
 }
 
 .button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
-  background-color: #e84135;
+  background-color: #db002c;
   border-color: transparent;
   color: white;
 }
@@ -1155,7 +1155,7 @@ a.box:active {
 
 .button.is-danger.is-inverted {
   background-color: white;
-  color: #ed6c63;
+  color: #ff0f3f;
 }
 
 .button.is-danger.is-inverted:hover {
@@ -1168,13 +1168,13 @@ a.box:active {
 
 .button.is-danger.is-outlined {
   background-color: transparent;
-  border-color: #ed6c63;
+  border-color: #ff0f3f;
-  color: #ed6c63;
+  color: #ff0f3f;
 }
 
 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
-  border-color: #ed6c63;
+  border-color: #ff0f3f;
   color: white;
 }
 
@@ -1243,11 +1243,11 @@ a.box:active {
 }
 
 .content a:not(.button):visited {
-  color: #847bb9;
+  color: #b86bff;
 }
 
 .content a:not(.button):hover {
-  border-bottom-color: #1fc8db;
+  border-bottom-color: #11e4c4;
 }
 
 .content li + li {
@@ -1381,7 +1381,7 @@ a.box:active {
 }
 
 .input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   outline: none;
 }
 
@@ -1425,23 +1425,23 @@ a.box:active {
 }
 
 .input.is-primary, .is-primary.textarea {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
 }
 
 .input.is-info, .is-info.textarea {
-  border-color: #42afe3;
+  border-color: #0f6bff;
 }
 
 .input.is-success, .is-success.textarea {
-  border-color: #97cd76;
+  border-color: #20ee68;
 }
 
 .input.is-warning, .is-warning.textarea {
-  border-color: #fce473;
+  border-color: #ffcf0f;
 }
 
 .input.is-danger, .is-danger.textarea {
-  border-color: #ed6c63;
+  border-color: #ff0f3f;
 }
 
 .input[type="search"], [type="search"].textarea {
@@ -1564,7 +1564,7 @@ a.box:active {
 }
 
 .select select:active, .select select:focus, .select select.is-active {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   outline: none;
 }
 
@@ -1608,23 +1608,23 @@ a.box:active {
 }
 
 .select select.is-primary {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
 }
 
 .select select.is-info {
-  border-color: #42afe3;
+  border-color: #0f6bff;
 }
 
 .select select.is-success {
-  border-color: #97cd76;
+  border-color: #20ee68;
 }
 
 .select select.is-warning {
-  border-color: #fce473;
+  border-color: #ffcf0f;
 }
 
 .select select.is-danger {
-  border-color: #ed6c63;
+  border-color: #ff0f3f;
 }
 
 .select select:hover {
@@ -1644,7 +1644,7 @@ a.box:active {
 }
 
 .select:after {
-  border: 1px solid #1fc8db;
+  border: 1px solid #11e4c4;
   border-right: 0;
   border-top: 0;
   content: " ";
@@ -1737,23 +1737,23 @@ a.box:active {
 }
 
 .help.is-primary {
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .help.is-info {
-  color: #42afe3;
+  color: #0f6bff;
 }
 
 .help.is-success {
-  color: #97cd76;
+  color: #20ee68;
 }
 
 .help.is-warning {
-  color: #fce473;
+  color: #ffcf0f;
 }
 
 .help.is-danger {
-  color: #ed6c63;
+  color: #ff0f3f;
 }
 
 @media screen and (max-width: 768px) {
@@ -2162,27 +2162,27 @@ a.box:active {
 }
 
 .notification.is-primary {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
 .notification.is-info {
-  background-color: #42afe3;
+  background-color: #0f6bff;
   color: white;
 }
 
 .notification.is-success {
-  background-color: #97cd76;
+  background-color: #20ee68;
   color: white;
 }
 
 .notification.is-warning {
-  background-color: #fce473;
+  background-color: #ffcf0f;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .notification.is-danger {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
   color: white;
 }
 
@@ -2243,43 +2243,43 @@ a.box:active {
 }
 
 .progress.is-primary::-webkit-progress-value {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
 }
 
 .progress.is-primary::-moz-progress-bar {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
 }
 
 .progress.is-info::-webkit-progress-value {
-  background-color: #42afe3;
+  background-color: #0f6bff;
 }
 
 .progress.is-info::-moz-progress-bar {
-  background-color: #42afe3;
+  background-color: #0f6bff;
 }
 
 .progress.is-success::-webkit-progress-value {
-  background-color: #97cd76;
+  background-color: #20ee68;
 }
 
 .progress.is-success::-moz-progress-bar {
-  background-color: #97cd76;
+  background-color: #20ee68;
 }
 
 .progress.is-warning::-webkit-progress-value {
-  background-color: #fce473;
+  background-color: #ffcf0f;
 }
 
 .progress.is-warning::-moz-progress-bar {
-  background-color: #fce473;
+  background-color: #ffcf0f;
 }
 
 .progress.is-danger::-webkit-progress-value {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
 }
 
 .progress.is-danger::-moz-progress-bar {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
 }
 
 .progress.is-small {
@@ -2351,7 +2351,7 @@ a.box:active {
 
 .table td.is-link > a:hover,
 .table th.is-link > a:hover {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
@@ -2774,7 +2774,7 @@ a.box:active {
 }
 
 .hamburger.is-active span, .is-active.nav-toggle span {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
 }
 
 .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
@@ -2888,27 +2888,27 @@ a.box:active {
 }
 
 .tag.is-primary {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
 .tag.is-info {
-  background-color: #42afe3;
+  background-color: #0f6bff;
   color: white;
 }
 
 .tag.is-success {
-  background-color: #97cd76;
+  background-color: #20ee68;
   color: white;
 }
 
 .tag.is-warning {
-  background-color: #fce473;
+  background-color: #ffcf0f;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .tag.is-danger {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
   color: white;
 }
 
@@ -4583,11 +4583,11 @@ a.box:active {
 
 .menu-list a:hover {
   background-color: #f5f7fa;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .menu-list a.is-active {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
@@ -4697,44 +4697,44 @@ a.box:active {
 }
 
 .message.is-primary {
-  background-color: #edfbfc;
+  background-color: #ecfefb;
 }
 
 .message.is-primary .message-header {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
 .message.is-primary .message-body {
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   color: gray;
 }
 
 .message.is-info {
-  background-color: #edf7fc;
+  background-color: #ebf2ff;
 }
 
 .message.is-info .message-header {
-  background-color: #42afe3;
+  background-color: #0f6bff;
   color: white;
 }
 
 .message.is-info .message-body {
-  border-color: #42afe3;
+  border-color: #0f6bff;
   color: gray;
 }
 
 .message.is-success {
-  background-color: #f4faf0;
+  background-color: #ecfef2;
 }
 
 .message.is-success .message-header {
-  background-color: #97cd76;
+  background-color: #20ee68;
   color: white;
 }
 
 .message.is-success .message-body {
-  border-color: #97cd76;
+  border-color: #20ee68;
   color: gray;
 }
 
@@ -4743,26 +4743,26 @@ a.box:active {
 }
 
 .message.is-warning .message-header {
-  background-color: #fce473;
+  background-color: #ffcf0f;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .message.is-warning .message-body {
-  border-color: #fce473;
+  border-color: #ffcf0f;
-  color: #666666;
+  color: gray;
 }
 
 .message.is-danger {
-  background-color: #fdeeed;
+  background-color: #ffebef;
 }
 
 .message.is-danger .message-header {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
   color: white;
 }
 
 .message.is-danger .message-body {
-  border-color: #ed6c63;
+  border-color: #ff0f3f;
   color: gray;
 }
 
@@ -4969,15 +4969,15 @@ a.nav-item.is-tab {
 
 .nav-item a.is-tab:hover,
 a.nav-item.is-tab:hover {
-  border-bottom: 1px solid #1fc8db;
+  border-bottom: 1px solid #11e4c4;
   border-top: 1px solid transparent;
 }
 
 .nav-item a.is-tab.is-active,
 a.nav-item.is-tab.is-active {
-  border-bottom: 3px solid #1fc8db;
+  border-bottom: 3px solid #11e4c4;
   border-top: 3px solid transparent;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 @media screen and (max-width: 768px) {
@@ -5224,7 +5224,7 @@ a.nav-item.is-tab.is-active {
 }
 
 .panel-list a:hover {
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .panel-tabs {
@@ -5320,8 +5320,8 @@ a.panel-block:hover {
 }
 
 .tabs li.is-active a {
-  border-bottom-color: #1fc8db;
+  border-bottom-color: #11e4c4;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .tabs ul {
@@ -5437,8 +5437,8 @@ a.panel-block:hover {
 }
 
 .tabs.is-toggle li.is-active a {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
-  border-color: #1fc8db;
+  border-color: #11e4c4;
   color: white;
   z-index: 1;
 }
@@ -5957,7 +5957,7 @@ a.panel-block:hover {
 }
 
 .hero.is-primary {
-  background-color: #1fc8db;
+  background-color: #11e4c4;
   color: white;
 }
 
@@ -5985,7 +5985,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-primary .nav-menu {
-    background-color: #1fc8db;
+    background-color: #11e4c4;
   }
 }
 
@@ -6024,12 +6024,12 @@ a.panel-block:hover {
 .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 {
   background-color: white;
   border-color: white;
-  color: #1fc8db;
+  color: #11e4c4;
 }
 
 .hero.is-primary.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
+  background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
-  background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
+  background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6048,7 +6048,7 @@ a.panel-block:hover {
 }
 
 .hero.is-info {
-  background-color: #42afe3;
+  background-color: #0f6bff;
   color: white;
 }
 
@@ -6076,7 +6076,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-info .nav-menu {
-    background-color: #42afe3;
+    background-color: #0f6bff;
   }
 }
 
@@ -6115,12 +6115,12 @@ a.panel-block:hover {
 .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: white;
   border-color: white;
-  color: #42afe3;
+  color: #0f6bff;
 }
 
 .hero.is-info.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
+  background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
-  background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
+  background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6139,7 +6139,7 @@ a.panel-block:hover {
 }
 
 .hero.is-success {
-  background-color: #97cd76;
+  background-color: #20ee68;
   color: white;
 }
 
@@ -6167,7 +6167,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-success .nav-menu {
-    background-color: #97cd76;
+    background-color: #20ee68;
   }
 }
 
@@ -6206,12 +6206,12 @@ a.panel-block:hover {
 .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: white;
   border-color: white;
-  color: #97cd76;
+  color: #20ee68;
 }
 
 .hero.is-success.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
+  background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
-  background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
+  background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6230,12 +6230,12 @@ a.panel-block:hover {
 }
 
 .hero.is-warning {
-  background-color: #fce473;
+  background-color: #ffcf0f;
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .hero.is-warning .title {
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .hero.is-warning .title a,
@@ -6244,37 +6244,37 @@ a.panel-block:hover {
 }
 
 .hero.is-warning .subtitle {
-  color: rgba(17, 17, 17, 0.7);
+  color: rgba(255, 255, 255, 0.7);
 }
 
 .hero.is-warning .subtitle a,
 .hero.is-warning .subtitle strong {
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .hero.is-warning .nav {
-  box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-warning .nav-menu {
-    background-color: #fce473;
+    background-color: #ffcf0f;
   }
 }
 
 .hero.is-warning a.nav-item,
 .hero.is-warning .nav-item a:not(.button) {
-  color: rgba(17, 17, 17, 0.5);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
 .hero.is-warning .nav-item a:not(.button):hover,
 .hero.is-warning .nav-item a:not(.button).is-active {
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .hero.is-warning .tabs a {
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
   opacity: 0.5;
 }
 
@@ -6287,7 +6287,7 @@ a.panel-block:hover {
 }
 
 .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
-  color: rgba(17, 17, 17, 0.5);
+  color: white;
 }
 
 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
@@ -6295,33 +6295,33 @@ a.panel-block:hover {
 }
 
 .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(17, 17, 17, 0.5);
+  background-color: white;
-  border-color: rgba(17, 17, 17, 0.5);
+  border-color: white;
-  color: #fce473;
+  color: #ffcf0f;
 }
 
 .hero.is-warning.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
+  background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
-  background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
+  background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
 }
 
 @media screen and (max-width: 768px) {
   .hero.is-warning .nav-toggle span {
-    background-color: rgba(17, 17, 17, 0.5);
+    background-color: white;
   }
   .hero.is-warning .nav-toggle:hover {
     background-color: rgba(17, 17, 17, 0.1);
   }
   .hero.is-warning .nav-toggle.is-active span {
-    background-color: rgba(17, 17, 17, 0.5);
+    background-color: white;
   }
   .hero.is-warning .nav-menu .nav-item {
-    border-top-color: rgba(17, 17, 17, 0.2);
+    border-top-color: rgba(255, 255, 255, 0.2);
   }
 }
 
 .hero.is-danger {
-  background-color: #ed6c63;
+  background-color: #ff0f3f;
   color: white;
 }
 
@@ -6349,7 +6349,7 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-danger .nav-menu {
-    background-color: #ed6c63;
+    background-color: #ff0f3f;
   }
 }
 
@@ -6388,12 +6388,12 @@ a.panel-block:hover {
 .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: white;
   border-color: white;
-  color: #ed6c63;
+  color: #ff0f3f;
 }
 
 .hero.is-danger.is-bold {
-  background-image: -webkit-linear-gradient(309deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
+  background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
-  background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
+  background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
 }
 
 @media screen and (max-width: 768px) {
@@ -6478,6 +6478,6 @@ a.panel-block:hover {
 }
 
 .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
-  border-bottom-color: #1fc8db;
+  border-bottom-color: #11e4c4;
 }
 /*# sourceMappingURL=bulma.css.map */

docs/css/utilities.css

@@ -0,0 +1,175 @@
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font-weight: normal;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+article, aside, figure, footer, header, nav, section, details, summary {
+  display: block;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+img,
+object,
+embed {
+  max-width: 100%;
+}
+
+html {
+  overflow-y: scroll;
+}
+
+ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+a {
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted #000;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+th {
+  font-weight: bold;
+  vertical-align: bottom;
+}
+
+td {
+  font-weight: normal;
+  vertical-align: top;
+}
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+input, select {
+  vertical-align: middle;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  white-space: pre-line;
+  word-wrap: break-word;
+}
+
+input[type="radio"] {
+  vertical-align: text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align: bottom;
+}
+
+select, input, textarea {
+  font: 99% sans-serif;
+}
+
+table {
+  font-size: inherit;
+  font: 100%;
+}
+
+small {
+  font-size: 85%;
+}
+
+strong {
+  font-weight: bold;
+}
+
+td, td img {
+  vertical-align: top;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+pre, code, kbd, samp {
+  font-family: monospace, sans-serif;
+}
+
+label,
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+button,
+input[type=button] {
+  width: auto;
+  overflow: visible;
+}
+
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}

package.json

@@ -30,10 +30,10 @@
     "build": "npm run build-clean && npm run build-sass && npm run build-autoprefix",
     "build-autoprefix": "postcss --use autoprefixer --output css/bulma.css css/bulma.css",
     "build-clean": "rm -rf css",
-    "build-sass": "node-sass --output-style expanded --source-map true --output css/ bulma.sass --outFile css/bulma.css",
+    "build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
     "docs": "npm run docs-sass && npm run docs-autoprefix",
     "docs-autoprefix": "postcss --use autoprefixer --output docs/css/bulma-docs.css docs/css/bulma-docs.css",
-    "docs-sass": "node-sass --output-style expanded --output docs/css/ docs/bulma-docs.sass --outFile docs/css/bulma-docs.css",
+    "docs-sass": "node-sass --output-style expanded docs/bulma-docs.sass docs/css/bulma-docs.css",
     "pre-push": "npm run build && git add css && git commit --amend --no-edit",
     "start": "npm run build-sass -- --watch",
     "start-docs": "npm run docs-sass -- --watch"

sass/utilities/variables.sass

@@ -10,13 +10,21 @@ $grey-light: #d3d6db !default
 $grey-lighter: #f5f7fa !default
 $white: #fff !default
 
-$blue: #42afe3 !default
+// $blue: #42afe3 !default
-$green: #97cd76 !default
+// $green: #97cd76 !default
-$orange: #f68b39 !default
+// $orange: #f68b39 !default
-$purple: #847bb9 !default
+// $purple: #847bb9 !default
-$red: #ed6c63 !default
+// $red: #ed6c63 !default
-$turquoise: #1fc8db !default
+// $turquoise: #1fc8db !default
-$yellow: #fce473 !default
+// $yellow: #fce473 !default
+
+$orange:    hsl(14,  100%, 53%) !default
+$yellow:    hsl(48,  100%, 53%) !default
+$green:     hsl(141, 86%,  53%) !default
+$turquoise: hsl(171, 86%,  48%) !default
+$blue:      hsl(217, 100%, 53%) !default
+$purple:    hsl(271, 100%, 71%) !default
+$red:       hsl(348, 100%, 53%) !default
 
 // Typography