Fix brand colors

semantic/dist/components/button.css

@@ -1370,7 +1370,7 @@
 
 .ui.primary.buttons .button,
 .ui.primary.button {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
   text-shadow: none;
   background-image: none;
@@ -1381,19 +1381,19 @@
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
-  background-color: #1678c2;
+  background-color: #5829bb;
   color: #FFFFFF;
   text-shadow: none;
 }
 .ui.primary.buttons .button:focus,
 .ui.primary.button:focus {
-  background-color: #0d71bb;
+  background-color: #4f20b5;
   color: #FFFFFF;
   text-shadow: none;
 }
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
-  background-color: #1a69a4;
+  background-color: #502aa1;
   color: #FFFFFF;
   text-shadow: none;
 }
@@ -1401,7 +1401,7 @@
 .ui.primary.buttons .active.button:active,
 .ui.primary.active.button,
 .ui.primary.button .active.button:active {
-  background-color: #1279c6;
+  background-color: #5626bf;
   color: #FFFFFF;
   text-shadow: none;
 }
@@ -1410,45 +1410,45 @@
 .ui.basic.primary.buttons .button,
 .ui.basic.primary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
-          box-shadow: 0 0 0 1px #2185D0 inset;
+          box-shadow: 0 0 0 1px #6435C9 inset;
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.basic.primary.buttons .button:hover,
 .ui.basic.primary.button:hover {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
+  -webkit-box-shadow: 0 0 0 1px #5829bb inset;
-          box-shadow: 0 0 0 1px #1678c2 inset;
+          box-shadow: 0 0 0 1px #5829bb inset;
-  color: #1678c2;
+  color: #5829bb;
 }
 .ui.basic.primary.buttons .button:focus,
 .ui.basic.primary.button:focus {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
+  -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
-          box-shadow: 0 0 0 1px #0d71bb inset;
+          box-shadow: 0 0 0 1px #4f20b5 inset;
-  color: #1678c2;
+  color: #5829bb;
 }
 .ui.basic.primary.buttons .active.button,
 .ui.basic.primary.active.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
+  -webkit-box-shadow: 0 0 0 1px #5626bf inset;
-          box-shadow: 0 0 0 1px #1279c6 inset;
+          box-shadow: 0 0 0 1px #5626bf inset;
-  color: #1a69a4;
+  color: #502aa1;
 }
 .ui.basic.primary.buttons .button:active,
 .ui.basic.primary.button:active {
-  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
+  -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
-          box-shadow: 0 0 0 1px #1a69a4 inset;
+          box-shadow: 0 0 0 1px #502aa1 inset;
-  color: #1a69a4;
+  color: #502aa1;
 }
 
 /* Inverted */
 .ui.inverted.primary.buttons .button,
 .ui.inverted.primary.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
+  -webkit-box-shadow: 0 0 0 2px #A291FB inset;
-          box-shadow: 0 0 0 2px #54C8FF inset;
+          box-shadow: 0 0 0 2px #A291FB inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover,
@@ -1464,19 +1464,19 @@
 }
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover {
-  background-color: #21b8ff;
+  background-color: #745aff;
 }
 .ui.inverted.primary.buttons .button:focus,
 .ui.inverted.primary.button:focus {
-  background-color: #2bbbff;
+  background-color: #7d64ff;
 }
 .ui.inverted.primary.buttons .active.button,
 .ui.inverted.primary.active.button {
-  background-color: #3ac0ff;
+  background-color: #8a73ff;
 }
 .ui.inverted.primary.buttons .button:active,
 .ui.inverted.primary.button:active {
-  background-color: #21b8ff;
+  background-color: #7860f9;
 }
 
 /* Inverted Basic */
@@ -1491,30 +1491,30 @@
 .ui.inverted.primary.basic.buttons .button:hover,
 .ui.inverted.primary.buttons .basic.button:hover,
 .ui.inverted.primary.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
+  -webkit-box-shadow: 0 0 0 2px #745aff inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
+          box-shadow: 0 0 0 2px #745aff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
+  -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
-          box-shadow: 0 0 0 2px #2bbbff inset;
+          box-shadow: 0 0 0 2px #7d64ff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.inverted.primary.basic.buttons .active.button,
 .ui.inverted.primary.buttons .basic.active.button,
 .ui.inverted.primary.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
+  -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
-          box-shadow: 0 0 0 2px #3ac0ff inset;
+          box-shadow: 0 0 0 2px #8a73ff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.inverted.primary.basic.buttons .button:active,
 .ui.inverted.primary.buttons .basic.button:active,
 .ui.inverted.primary.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
+  -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
-          box-shadow: 0 0 0 2px #21b8ff inset;
+          box-shadow: 0 0 0 2px #7860f9 inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 /* Tertiary */
@@ -1524,21 +1524,21 @@
   background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.tertiary.primary.buttons .button:hover,
 .ui.tertiary.primary.buttons button:hover,
 .ui.tertiary.primary.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
+  -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
-          box-shadow: inset 0 -0.2em 0 #2b75ac;
+          box-shadow: inset 0 -0.2em 0 #6040a5;
-  color: #2b75ac;
+  color: #6040a5;
 }
 .ui.tertiary.primary.buttons .button:focus,
 .ui.tertiary.primary.buttons .tertiary.button:focus,
 .ui.tertiary.primary.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
+  -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
-          box-shadow: inset 0 -0.2em 0 #216ea7;
+          box-shadow: inset 0 -0.2em 0 #5735a0;
-  color: #216ea7;
+  color: #5735a0;
 }
 .ui.tertiary.primary.buttons .active.button,
 .ui.tertiary.primary.buttons .tertiary.active.button,
@@ -1546,9 +1546,9 @@
 .ui.tertiary.primary.buttons .button:active,
 .ui.tertiary.primary.buttons .tertiary.button:active,
 .ui.tertiary.primary.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
+  -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
-          box-shadow: inset 0 -0.2em 0 #007bd8;
+          box-shadow: inset 0 -0.2em 0 #4e0fd6;
-  color: #1279c6;
+  color: #5626bf;
 }
 .ui.secondary.buttons .button,
 .ui.secondary.button {

semantic/dist/components/card.css

@@ -660,8 +660,8 @@ a.ui.card:hover,
 .ui.primary.cards > .card,
 .ui.cards > .primary.card,
 .ui.primary.card {
-  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
+  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;
-          box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
+          box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;
 }
 .ui.cards a.primary.card:hover,
 .ui.primary.cards a.card:hover,
@@ -669,14 +669,14 @@ a.ui.card:hover,
 .ui.link.cards .primary.card:not(.icon):hover,
 a.ui.primary.card:hover,
 .ui.link.primary.card:hover {
-  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
+  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
-          box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
+          box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
 }
 .ui.cards > .basic.primary.card,
 .ui.basic.primary.cards > .card,
 .ui.basic.cards > .primary.card,
 .ui.basic.primary.card {
-  background: #54C8FF;
+  background: #A291FB;
 }
 .ui.basic.cards a.primary.card:hover,
 .ui.cards a.basic.primary.card:hover,
@@ -686,13 +686,13 @@ a.ui.primary.card:hover,
 .ui.link.basic.cards .primary.card:not(.icon):hover,
 a.ui.basic.primary.card:hover,
 .ui.link.basic.primary.card:hover {
-  background: #21b8ff;
+  background: #745aff;
 }
 .ui.inverted.primary.cards > .card,
 .ui.inverted.cards > .primary.card,
 .ui.inverted.primary.card {
-  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
+  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
-          box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
+          box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
 }
 .ui.inverted.cards a.primary.card:hover,
 .ui.inverted.primary.cards a.card:hover,
@@ -700,14 +700,14 @@ a.ui.basic.primary.card:hover,
 .ui.link.inverted.cards .primary.card:not(.icon):hover,
 a.ui.inverted.primary.card:hover,
 .ui.link.inverted.primary.card:hover {
-  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
-          box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+          box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
 }
 .ui.inverted.cards > .basic.primary.card,
 .ui.basic.inverted.primary.cards > .card,
 .ui.basic.inverted.cards > .primary.card,
 .ui.basic.inverted.primary.card {
-  background: #2185D0;
+  background: #6435C9;
 }
 .ui.inverted.cards a.basic.primary.card:hover,
 .ui.basic.inverted.cards a.primary.card:hover,
@@ -717,7 +717,7 @@ a.ui.inverted.primary.card:hover,
 .ui.link.basic.inverted.cards .primary.card:not(.icon):hover,
 a.ui.basic.inverted.primary.card:hover,
 .ui.link.basic.inverted.primary.card:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 .ui.secondary.cards > .card,
 .ui.cards > .secondary.card,

semantic/dist/components/checkbox.css

@@ -526,7 +526,7 @@
   color: rgba(0, 0, 0, 0.95) !important;
 }
 .ui.toggle.checkbox input:checked ~ label::before {
-  background-color: #2185D0 !important;
+  background-color: #6435C9 !important;
 }
 .ui.toggle.checkbox input:checked ~ label::after {
   left: 2.15rem;
@@ -539,7 +539,7 @@
   color: rgba(0, 0, 0, 0.95) !important;
 }
 .ui.toggle.checkbox input:focus:checked ~ label::before {
-  background-color: #0d71bb !important;
+  background-color: #4f20b5 !important;
 }
 .ui.right.aligned.toggle.checkbox label {
   padding-left: 0;
@@ -638,7 +638,7 @@
   color: #ffffff !important;
 }
 .ui.inverted.toggle.checkbox input:checked ~ label::before {
-  background-color: #2185D0 !important;
+  background-color: #6435C9 !important;
 }
 
 /* Toggle Active Focus */
@@ -646,7 +646,7 @@
   color: #ffffff !important;
 }
 .ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
-  background-color: #0d71bb !important;
+  background-color: #4f20b5 !important;
 }
 
 /*--------------------

semantic/dist/components/grid.css

@@ -1332,7 +1332,7 @@
 .ui.grid > .primary.row,
 .ui.grid > .primary.column,
 .ui.grid > .row > .primary.column {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
 }
 .ui.grid > .secondary.row,

semantic/dist/components/header.css

@@ -354,22 +354,22 @@ h6.ui.header .sub.header {
 --------------------*/
 
 .ui.primary.header {
-  color: #2185D0;
+  color: #6435C9;
 }
 a.ui.primary.header:hover {
-  color: #1678c2;
+  color: #5829bb;
 }
 .ui.primary.dividing.header {
-  border-bottom: 2px solid #2185D0;
+  border-bottom: 2px solid #6435C9;
 }
 .ui.inverted.primary.header.header.header {
-  color: #54C8FF;
+  color: #A291FB;
 }
 a.ui.inverted.primary.header.header.header:hover {
-  color: #21b8ff;
+  color: #745aff;
 }
 .ui.inverted.primary.dividing.header {
-  border-bottom: 2px solid #54C8FF;
+  border-bottom: 2px solid #A291FB;
 }
 .ui.secondary.header {
   color: #1B1C1D;

semantic/dist/components/icon.css

@@ -305,16 +305,16 @@ i.inverted.icon {
 --------------------*/
 
 i.primary.icon.icon.icon.icon.icon {
-  color: #2185D0;
+  color: #6435C9;
 }
 i.inverted.primary.icon.icon.icon.icon.icon {
-  color: #54C8FF;
+  color: #A291FB;
 }
 i.inverted.bordered.primary.icon.icon.icon.icon.icon,
 i.inverted.circular.primary.icon.icon.icon.icon.icon,
 i.inverted.bordered.primary.icons,
 i.inverted.circular.primary.icons {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
 }
 i.secondary.icon.icon.icon.icon.icon {

semantic/dist/components/input.css

@@ -867,12 +867,12 @@ input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertia
 /* this is related to existing buttons, so the button color variable is used here! */
 input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary) {
-  background-color: #1678c2;
+  background-color: #5829bb;
   color: #FFFFFF;
 }
 input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted,
 .ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted {
-  background-color: #21b8ff;
+  background-color: #745aff;
 }
 input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary) {
@@ -1002,30 +1002,30 @@ input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.
 }
 input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
 .ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
 .ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 input[type="file"].ui.primary.file.input::-ms-browse,
 .ui.primary.file.input input[type="file"]::-ms-browse {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 input[type="file"].ui.primary.file.input::-ms-browse:hover,
 .ui.primary.file.input input[type="file"]::-ms-browse:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 input[type="file"].ui.primary.file.input::file-selector-button,
 .ui.primary.file.input input[type="file"]::file-selector-button {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 input[type="file"].ui.primary.file.input::file-selector-button:hover,
 .ui.primary.file.input input[type="file"]::file-selector-button:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
 .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {

semantic/dist/components/label.css

@@ -668,77 +668,77 @@ a.ui.basic.label:hover {
 
 .ui.primary.labels .label,
 .ui.ui.ui.primary.label {
-  background-color: #2185D0;
+  background-color: #6435C9;
-  border-color: #2185D0;
+  border-color: #6435C9;
   color: rgba(255, 255, 255, 0.9);
 }
 
 /* Link */
 .ui.primary.labels a.label:hover,
 a.ui.ui.ui.primary.label:hover {
-  background-color: #1678c2;
+  background-color: #5829bb;
-  border-color: #1678c2;
+  border-color: #5829bb;
   color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.ui.ui.primary.ribbon.label {
-  border-color: #1a69a4;
+  border-color: #502aa1;
 }
 
 /* Basic */
 .ui.basic.labels .primary.label,
 .ui.ui.ui.basic.primary.label {
   background: none #FFFFFF;
-  border-color: #2185D0;
+  border-color: #6435C9;
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.basic.labels a.primary.label:hover,
 a.ui.ui.ui.basic.primary.label:hover {
   background: none #FFFFFF;
-  border-color: #1678c2;
+  border-color: #5829bb;
-  color: #1678c2;
+  color: #5829bb;
 }
 
 /* Inverted */
 .ui.inverted.labels .primary.label,
 .ui.ui.ui.inverted.primary.label {
-  background-color: #54C8FF;
+  background-color: #A291FB;
-  border-color: #54C8FF;
+  border-color: #A291FB;
   color: #1B1C1D;
 }
 
 /* Inverted Link */
 .ui.inverted.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.primary.label:hover {
-  background-color: #21b8ff;
+  background-color: #745aff;
-  border-color: #21b8ff;
+  border-color: #745aff;
   color: #1B1C1D;
 }
 
 /* Inverted Ribbon */
 .ui.ui.ui.inverted.primary.ribbon.label {
-  border-color: #21b8ff;
+  border-color: #7860f9;
 }
 
 /* Inverted Basic */
 .ui.inverted.basic.labels .primary.label,
 .ui.ui.ui.inverted.basic.primary.label {
   background-color: #1B1C1D;
-  border-color: #54C8FF;
+  border-color: #A291FB;
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.inverted.basic.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.basic.primary.label:hover {
-  border-color: #21b8ff;
+  border-color: #745aff;
   background-color: #1B1C1D;
-  color: #21b8ff;
+  color: #745aff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .primary.label,
 .ui.ui.ui.inverted.primary.basic.tag.label {
-  border: 1px solid #54C8FF;
+  border: 1px solid #A291FB;
 }
 .ui.inverted.basic.tag.labels .primary.label::before,
 .ui.ui.ui.inverted.primary.basic.tag.label::before {

semantic/dist/components/loader.css

@@ -292,7 +292,7 @@
 .ui.primary.loading.loading.loading.loading .input > i.icon::after,
 .ui.primary.loading.loading.loading.loading > i.icon::after,
 .ui.primary.loader.loader.loader::after {
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.inverted.primary.elastic.loader::before,
 .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
@@ -302,7 +302,7 @@
 .ui.inverted.primary.loading.loading.loading.loading .input > i.icon::after,
 .ui.inverted.primary.loading.loading.loading.loading > i.icon::after,
 .ui.inverted.primary.loader.loader.loader::after {
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.secondary.elastic.loader.loader::before,
 .ui.secondary.basic.elastic.loading.button::before,

semantic/dist/components/menu.css

@@ -1383,7 +1383,7 @@ Floated Menu / Item
 .ui.ui.ui.menu .primary.active.item,
 .ui.ui.primary.menu .active.item:hover,
 .ui.ui.primary.menu .active.item {
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.ui.ui.menu .red.active.item,
 .ui.ui.red.menu .active.item:hover,
@@ -1582,7 +1582,7 @@ Floated Menu / Item
 
 .ui.ui.ui.inverted.menu .primary.active.item,
 .ui.ui.inverted.primary.menu {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 .ui.inverted.primary.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1591,7 +1591,7 @@ Floated Menu / Item
   background-color: rgba(0, 0, 0, 0.1);
 }
 .ui.inverted.pointing.primary.menu .active.item {
-  background-color: #1678c2;
+  background-color: #5829bb;
 }
 .ui.ui.ui.inverted.menu .red.active.item,
 .ui.ui.inverted.red.menu {
@@ -2037,7 +2037,7 @@ Floated Menu / Item
   }
 }
 .ui.inverted.pointing.menu .primary.active.item::after {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 .ui.inverted.pointing.menu .secondary.active.item::after {
   background-color: #1B1C1D;

semantic/dist/components/message.css

@@ -418,12 +418,12 @@
 }
 .ui.primary.message,
 .ui.attached.primary.message {
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
-          box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
 }
 .ui.floating.primary.message {
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
-          box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 .ui.primary.message .header {
   color: rgba(242, 242, 242, 0.9);

semantic/dist/components/progress.css

@@ -464,12 +464,12 @@
 .ui.indeterminate.primary.progress .bar::before,
 .ui.primary.progress .bar,
 .ui.progress .primary.bar {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 .ui.inverted.indeterminate.primary.progress .bar::before,
 .ui.primary.inverted.progress .bar,
 .ui.inverted.progress .primary.bar {
-  background-color: #54C8FF;
+  background-color: #A291FB;
 }
 .ui.indeterminate.secondary.progress .bar::before,
 .ui.secondary.progress .bar,

semantic/dist/components/statistic.css

@@ -330,12 +330,12 @@
 .ui.primary.statistics .statistic > .value,
 .ui.statistics .primary.statistic > .value,
 .ui.primary.statistic > .value {
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.inverted.primary.statistics .statistic > .value,
 .ui.statistics .inverted.primary.statistic > .value,
 .ui.inverted.primary.statistic > .value {
-  color: #54C8FF;
+  color: #A291FB;
 }
 .ui.secondary.statistics .statistic > .value,
 .ui.statistics .secondary.statistic > .value,

semantic/dist/components/table.css

@@ -234,20 +234,20 @@
             box-shadow: none !important;
   }
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
-            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
   }
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
-            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
   }
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
-            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
   }
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
-            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+            box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
   }
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
     -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
@@ -989,20 +989,20 @@
   }
 }
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
-          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
 }
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
-          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
 }
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
-          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
 }
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
-          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
 }
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
   -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
@@ -1435,18 +1435,18 @@
 --------------------*/
 
 .ui.primary.table {
-  border-top: 0.2em solid #2185D0;
+  border-top: 0.2em solid #6435C9;
 }
 .ui.inverted.primary.table {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
 /* Same color for background and color to camouflage the scrollbar */
 .ui.scrolling.table > thead.primary,
 .ui.scrolling.table > tfoot.primary {
-  background: #ddf4ff;
+  background: #ece9fe;
-  color: #ddf4ff;
+  color: #ece9fe;
 }
 .ui.scrolling.table > thead.primary > tr > th,
 .ui.scrolling.table > tfoot.primary > tr > th,
@@ -1457,8 +1457,8 @@
 }
 .ui.inverted.scrolling.table > thead.primary,
 .ui.inverted.scrolling.table > tfoot.primary {
-  background: #2185D0;
+  background: #6435C9;
-  color: #2185D0;
+  color: #6435C9;
 }
 .ui.inverted.scrolling.table > thead.primary > tr > th,
 .ui.inverted.scrolling.table > tfoot.primary > tr > th,
@@ -1473,7 +1473,7 @@
 .ui.ui.ui.ui.table tr.primary:not(.marked),
 .ui.ui.table th.primary:not(.marked),
 .ui.ui.table td.primary:not(.marked) {
-  background: #ddf4ff;
+  background: #ece9fe;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.table > thead > tr[class*="primary colored"] > th,
@@ -1491,7 +1491,7 @@
 .ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
 .ui.ui.inverted.table th.primary:not(.marked),
 .ui.ui.inverted.table td.primary:not(.marked) {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 .ui.inverted.table > thead > tr[class*="primary colored"] > th,
@@ -1509,7 +1509,7 @@
 .ui.ui.selectable.table tr.primary:not(.marked):hover,
 .ui.table tr td.selectable.primary:not(.marked):hover,
 .ui.selectable.table tr:hover td.primary:not(.marked) {
-  background: #d3f1ff;
+  background: #e3deff;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.ui.inverted.selectable.table tr[class*="primary colored"]:hover,
@@ -1518,28 +1518,28 @@
 .ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
 .ui.inverted.table tr td.selectable.primary:not(.marked):hover,
 .ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
-  background: #21b8ff;
+  background: #745aff;
   color: #FFFFFF;
 }
 .ui.table td[class*="primary marked"].left,
 .ui.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
-          box-shadow: 0.2em 0 0 0 #2185D0 inset;
+          box-shadow: 0.2em 0 0 0 #6435C9 inset;
 }
 .ui.table td[class*="primary marked"].right,
 .ui.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
-          box-shadow: -0.2em 0 0 0 #2185D0 inset;
+          box-shadow: -0.2em 0 0 0 #6435C9 inset;
 }
 .ui.inverted.table td[class*="primary marked"].left,
 .ui.inverted.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
-          box-shadow: 0.2em 0 0 0 #54C8FF inset;
+          box-shadow: 0.2em 0 0 0 #A291FB inset;
 }
 .ui.inverted.table td[class*="primary marked"].right,
 .ui.inverted.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
-          box-shadow: -0.2em 0 0 0 #54C8FF inset;
+          box-shadow: -0.2em 0 0 0 #A291FB inset;
 }
 .ui.secondary.table {
   border-top: 0.2em solid #1B1C1D;

semantic/dist/components/text.css

@@ -17,10 +17,10 @@ span.ui.text {
   line-height: 1;
 }
 span.ui.primary.text {
-  color: #2185D0;
+  color: #6435C9;
 }
 span.ui.inverted.primary.text {
-  color: #54C8FF;
+  color: #A291FB;
 }
 span.ui.secondary.text {
   color: #1B1C1D;

semantic/dist/components/text.min.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
  *
- */span.ui.text{line-height:1}span.ui.primary.text{color:#2185d0}span.ui.inverted.primary.text{color:#54c8ff}span.ui.secondary.text{color:#1b1c1d}span.ui.inverted.secondary.text{color:#545454}span.ui.red.text{color:#db2828}span.ui.inverted.red.text{color:#ff695e}span.ui.orange.text{color:#f2711c}span.ui.inverted.orange.text{color:#ff851b}span.ui.yellow.text{color:#fbbd08}span.ui.inverted.yellow.text{color:#ffe21f}span.ui.olive.text{color:#b5cc18}span.ui.inverted.olive.text{color:#d9e778}span.ui.green.text{color:#21ba45}span.ui.inverted.green.text{color:#2ecc40}span.ui.teal.text{color:#00b5ad}span.ui.inverted.teal.text{color:#6dffff}span.ui.blue.text{color:#2185d0}span.ui.inverted.blue.text{color:#54c8ff}span.ui.violet.text{color:#6435c9}span.ui.inverted.violet.text{color:#a291fb}span.ui.purple.text{color:#a333c8}span.ui.inverted.purple.text{color:#dc73ff}span.ui.pink.text{color:#e03997}span.ui.inverted.pink.text{color:#ff8edf}span.ui.brown.text{color:#a5673f}span.ui.inverted.brown.text{color:#d67c1c}span.ui.grey.text{color:#767676}span.ui.inverted.grey.text{color:#dcddde}span.ui.black.text{color:#1b1c1d}span.ui.inverted.black.text{color:#545454}span.ui.error.text{color:#db2828}span.ui.info.text{color:#31ccec}span.ui.success.text{color:#21ba45}span.ui.warning.text{color:#f2c037}span.ui.disabled.text{opacity:.45}span.ui.medium.text{font-size:1em}span.ui.mini.text{font-size:.4em}span.ui.tiny.text{font-size:.5em}span.ui.small.text{font-size:.75em}span.ui.large.text{font-size:1.5em}span.ui.big.text{font-size:2em}span.ui.huge.text{font-size:4em}span.ui.massive.text{font-size:8em}
+ */span.ui.text{line-height:1}span.ui.primary.text{color:#6435c9}span.ui.inverted.primary.text{color:#a291fb}span.ui.secondary.text{color:#1b1c1d}span.ui.inverted.secondary.text{color:#545454}span.ui.red.text{color:#db2828}span.ui.inverted.red.text{color:#ff695e}span.ui.orange.text{color:#f2711c}span.ui.inverted.orange.text{color:#ff851b}span.ui.yellow.text{color:#fbbd08}span.ui.inverted.yellow.text{color:#ffe21f}span.ui.olive.text{color:#b5cc18}span.ui.inverted.olive.text{color:#d9e778}span.ui.green.text{color:#21ba45}span.ui.inverted.green.text{color:#2ecc40}span.ui.teal.text{color:#00b5ad}span.ui.inverted.teal.text{color:#6dffff}span.ui.blue.text{color:#2185d0}span.ui.inverted.blue.text{color:#54c8ff}span.ui.violet.text{color:#6435c9}span.ui.inverted.violet.text{color:#a291fb}span.ui.purple.text{color:#a333c8}span.ui.inverted.purple.text{color:#dc73ff}span.ui.pink.text{color:#e03997}span.ui.inverted.pink.text{color:#ff8edf}span.ui.brown.text{color:#a5673f}span.ui.inverted.brown.text{color:#d67c1c}span.ui.grey.text{color:#767676}span.ui.inverted.grey.text{color:#dcddde}span.ui.black.text{color:#1b1c1d}span.ui.inverted.black.text{color:#545454}span.ui.error.text{color:#db2828}span.ui.info.text{color:#31ccec}span.ui.success.text{color:#21ba45}span.ui.warning.text{color:#f2c037}span.ui.disabled.text{opacity:.45}span.ui.medium.text{font-size:1em}span.ui.mini.text{font-size:.4em}span.ui.tiny.text{font-size:.5em}span.ui.small.text{font-size:.75em}span.ui.large.text{font-size:1.5em}span.ui.big.text{font-size:2em}span.ui.huge.text{font-size:4em}span.ui.massive.text{font-size:8em}

semantic/dist/components/toast.css

@@ -608,12 +608,12 @@
 -------------- */
 
 .ui.primary.toast {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.primary.toast,
 .ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
-  background-color: #54C8FF;
+  background-color: #A291FB;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.secondary.toast {

semantic/dist/semantic.css

@@ -2545,7 +2545,7 @@ input::selection {
 .ui.grid > .primary.row,
 .ui.grid > .primary.column,
 .ui.grid > .row > .primary.column {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
 }
 
@@ -4958,7 +4958,7 @@ input::selection {
 
 .ui.primary.buttons .button,
 .ui.primary.button {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
   text-shadow: none;
   background-image: none;
@@ -4971,21 +4971,21 @@ input::selection {
 
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
-  background-color: #1678c2;
+  background-color: #5829bb;
   color: #FFFFFF;
   text-shadow: none;
 }
 
 .ui.primary.buttons .button:focus,
 .ui.primary.button:focus {
-  background-color: #0d71bb;
+  background-color: #4f20b5;
   color: #FFFFFF;
   text-shadow: none;
 }
 
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
-  background-color: #1a69a4;
+  background-color: #502aa1;
   color: #FFFFFF;
   text-shadow: none;
 }
@@ -4994,7 +4994,7 @@ input::selection {
 .ui.primary.buttons .active.button:active,
 .ui.primary.active.button,
 .ui.primary.button .active.button:active {
-  background-color: #1279c6;
+  background-color: #5626bf;
   color: #FFFFFF;
   text-shadow: none;
 }
@@ -5004,40 +5004,40 @@ input::selection {
 .ui.basic.primary.buttons .button,
 .ui.basic.primary.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
-  box-shadow: 0 0 0 1px #2185D0 inset;
+  box-shadow: 0 0 0 1px #6435C9 inset;
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.basic.primary.buttons .button:hover,
 .ui.basic.primary.button:hover {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
+  -webkit-box-shadow: 0 0 0 1px #5829bb inset;
-  box-shadow: 0 0 0 1px #1678c2 inset;
+  box-shadow: 0 0 0 1px #5829bb inset;
-  color: #1678c2;
+  color: #5829bb;
 }
 
 .ui.basic.primary.buttons .button:focus,
 .ui.basic.primary.button:focus {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
+  -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
-  box-shadow: 0 0 0 1px #0d71bb inset;
+  box-shadow: 0 0 0 1px #4f20b5 inset;
-  color: #1678c2;
+  color: #5829bb;
 }
 
 .ui.basic.primary.buttons .active.button,
 .ui.basic.primary.active.button {
   background: transparent;
-  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
+  -webkit-box-shadow: 0 0 0 1px #5626bf inset;
-  box-shadow: 0 0 0 1px #1279c6 inset;
+  box-shadow: 0 0 0 1px #5626bf inset;
-  color: #1a69a4;
+  color: #502aa1;
 }
 
 .ui.basic.primary.buttons .button:active,
 .ui.basic.primary.button:active {
-  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
+  -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
-  box-shadow: 0 0 0 1px #1a69a4 inset;
+  box-shadow: 0 0 0 1px #502aa1 inset;
-  color: #1a69a4;
+  color: #502aa1;
 }
 
 /* Inverted */
@@ -5045,9 +5045,9 @@ input::selection {
 .ui.inverted.primary.buttons .button,
 .ui.inverted.primary.button {
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
+  -webkit-box-shadow: 0 0 0 2px #A291FB inset;
-  box-shadow: 0 0 0 2px #54C8FF inset;
+  box-shadow: 0 0 0 2px #A291FB inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.inverted.primary.buttons .button:hover,
@@ -5065,22 +5065,22 @@ input::selection {
 
 .ui.inverted.primary.buttons .button:hover,
 .ui.inverted.primary.button:hover {
-  background-color: #21b8ff;
+  background-color: #745aff;
 }
 
 .ui.inverted.primary.buttons .button:focus,
 .ui.inverted.primary.button:focus {
-  background-color: #2bbbff;
+  background-color: #7d64ff;
 }
 
 .ui.inverted.primary.buttons .active.button,
 .ui.inverted.primary.active.button {
-  background-color: #3ac0ff;
+  background-color: #8a73ff;
 }
 
 .ui.inverted.primary.buttons .button:active,
 .ui.inverted.primary.button:active {
-  background-color: #21b8ff;
+  background-color: #7860f9;
 }
 
 /* Inverted Basic */
@@ -5097,33 +5097,33 @@ input::selection {
 .ui.inverted.primary.basic.buttons .button:hover,
 .ui.inverted.primary.buttons .basic.button:hover,
 .ui.inverted.primary.basic.button:hover {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
+  -webkit-box-shadow: 0 0 0 2px #745aff inset;
-  box-shadow: 0 0 0 2px #21b8ff inset;
+  box-shadow: 0 0 0 2px #745aff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.buttons .button:focus,
 .ui.inverted.primary.basic.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
+  -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
-  box-shadow: 0 0 0 2px #2bbbff inset;
+  box-shadow: 0 0 0 2px #7d64ff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.inverted.primary.basic.buttons .active.button,
 .ui.inverted.primary.buttons .basic.active.button,
 .ui.inverted.primary.basic.active.button {
-  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
+  -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
-  box-shadow: 0 0 0 2px #3ac0ff inset;
+  box-shadow: 0 0 0 2px #8a73ff inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.inverted.primary.basic.buttons .button:active,
 .ui.inverted.primary.buttons .basic.button:active,
 .ui.inverted.primary.basic.button:active {
-  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
+  -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
-  box-shadow: 0 0 0 2px #21b8ff inset;
+  box-shadow: 0 0 0 2px #7860f9 inset;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 /* Tertiary */
@@ -5134,23 +5134,23 @@ input::selection {
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.tertiary.primary.buttons .button:hover,
 .ui.tertiary.primary.buttons button:hover,
 .ui.tertiary.primary.button:hover {
-  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
+  -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
-  box-shadow: inset 0 -0.2em 0 #2b75ac;
+  box-shadow: inset 0 -0.2em 0 #6040a5;
-  color: #2b75ac;
+  color: #6040a5;
 }
 
 .ui.tertiary.primary.buttons .button:focus,
 .ui.tertiary.primary.buttons .tertiary.button:focus,
 .ui.tertiary.primary.button:focus {
-  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
+  -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
-  box-shadow: inset 0 -0.2em 0 #216ea7;
+  box-shadow: inset 0 -0.2em 0 #5735a0;
-  color: #216ea7;
+  color: #5735a0;
 }
 
 .ui.tertiary.primary.buttons .active.button,
@@ -5159,9 +5159,9 @@ input::selection {
 .ui.tertiary.primary.buttons .button:active,
 .ui.tertiary.primary.buttons .tertiary.button:active,
 .ui.tertiary.primary.button:active {
-  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
+  -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
-  box-shadow: inset 0 -0.2em 0 #007bd8;
+  box-shadow: inset 0 -0.2em 0 #4e0fd6;
-  color: #1279c6;
+  color: #5626bf;
 }
 
 .ui.secondary.buttons .button,
@@ -9398,8 +9398,8 @@ a.ui.card:hover,
 .ui.primary.cards > .card,
 .ui.cards > .primary.card,
 .ui.primary.card {
-  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
+  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;
-  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;
+  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;
 }
 
 .ui.cards a.primary.card:hover,
@@ -9408,15 +9408,15 @@ a.ui.card:hover,
 .ui.link.cards .primary.card:not(.icon):hover,
 a.ui.primary.card:hover,
 .ui.link.primary.card:hover {
-  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
+  -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
-  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;
+  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;
 }
 
 .ui.cards > .basic.primary.card,
 .ui.basic.primary.cards > .card,
 .ui.basic.cards > .primary.card,
 .ui.basic.primary.card {
-  background: #54C8FF;
+  background: #A291FB;
 }
 
 .ui.basic.cards a.primary.card:hover,
@@ -9427,14 +9427,14 @@ a.ui.primary.card:hover,
 .ui.link.basic.cards .primary.card:not(.icon):hover,
 a.ui.basic.primary.card:hover,
 .ui.link.basic.primary.card:hover {
-  background: #21b8ff;
+  background: #745aff;
 }
 
 .ui.inverted.primary.cards > .card,
 .ui.inverted.cards > .primary.card,
 .ui.inverted.primary.card {
-  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
+  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
-  box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #54C8FF, 0 0 0 1px #555555;
+  box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #A291FB, 0 0 0 1px #555555;
 }
 
 .ui.inverted.cards a.primary.card:hover,
@@ -9443,15 +9443,15 @@ a.ui.basic.primary.card:hover,
 .ui.link.inverted.cards .primary.card:not(.icon):hover,
 a.ui.inverted.primary.card:hover,
 .ui.link.inverted.primary.card:hover {
-  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+  -webkit-box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
-  box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #21b8ff, 0 0 0 1px #555555;
+  box-shadow: 0 1px 3px 0 #555555, 0 2px 0 0 #745aff, 0 0 0 1px #555555;
 }
 
 .ui.inverted.cards > .basic.primary.card,
 .ui.basic.inverted.primary.cards > .card,
 .ui.basic.inverted.cards > .primary.card,
 .ui.basic.inverted.primary.card {
-  background: #2185D0;
+  background: #6435C9;
 }
 
 .ui.inverted.cards a.basic.primary.card:hover,
@@ -9462,7 +9462,7 @@ a.ui.inverted.primary.card:hover,
 .ui.link.basic.inverted.cards .primary.card:not(.icon):hover,
 a.ui.basic.inverted.primary.card:hover,
 .ui.link.basic.inverted.primary.card:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 
 .ui.secondary.cards > .card,
@@ -11531,7 +11531,7 @@ a.inverted.ui.card:hover,
 }
 
 .ui.toggle.checkbox input:checked ~ label::before {
-  background-color: #2185D0 !important;
+  background-color: #6435C9 !important;
 }
 
 .ui.toggle.checkbox input:checked ~ label::after {
@@ -11547,7 +11547,7 @@ a.inverted.ui.card:hover,
 }
 
 .ui.toggle.checkbox input:focus:checked ~ label::before {
-  background-color: #0d71bb !important;
+  background-color: #4f20b5 !important;
 }
 
 .ui.right.aligned.toggle.checkbox label {
@@ -11663,7 +11663,7 @@ a.inverted.ui.card:hover,
 }
 
 .ui.inverted.toggle.checkbox input:checked ~ label::before {
-  background-color: #2185D0 !important;
+  background-color: #6435C9 !important;
 }
 
 /* Toggle Active Focus */
@@ -11673,7 +11673,7 @@ a.inverted.ui.card:hover,
 }
 
 .ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
-  background-color: #0d71bb !important;
+  background-color: #4f20b5 !important;
 }
 
 /*--------------------
@@ -17535,27 +17535,27 @@ h6.ui.header .sub.header {
 --------------------*/
 
 .ui.primary.header {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 a.ui.primary.header:hover {
-  color: #1678c2;
+  color: #5829bb;
 }
 
 .ui.primary.dividing.header {
-  border-bottom: 2px solid #2185D0;
+  border-bottom: 2px solid #6435C9;
 }
 
 .ui.inverted.primary.header.header.header {
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 a.ui.inverted.primary.header.header.header:hover {
-  color: #21b8ff;
+  color: #745aff;
 }
 
 .ui.inverted.primary.dividing.header {
-  border-bottom: 2px solid #54C8FF;
+  border-bottom: 2px solid #A291FB;
 }
 
 .ui.secondary.header {
@@ -18421,18 +18421,18 @@ i.inverted.icon {
 --------------------*/
 
 i.primary.icon.icon.icon.icon.icon {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 i.inverted.primary.icon.icon.icon.icon.icon {
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 i.inverted.bordered.primary.icon.icon.icon.icon.icon,
 i.inverted.circular.primary.icon.icon.icon.icon.icon,
 i.inverted.bordered.primary.icons,
 i.inverted.circular.primary.icons {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: #FFFFFF;
 }
 
@@ -28661,13 +28661,13 @@ input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertia
 
 input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary) {
-  background-color: #1678c2;
+  background-color: #5829bb;
   color: #FFFFFF;
 }
 
 input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted,
 .ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted {
-  background-color: #21b8ff;
+  background-color: #745aff;
 }
 
 input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary),
@@ -28826,35 +28826,35 @@ input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.
 
 input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
 .ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
 input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
 .ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 
 input[type="file"].ui.primary.file.input::-ms-browse,
 .ui.primary.file.input input[type="file"]::-ms-browse {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
 input[type="file"].ui.primary.file.input::-ms-browse:hover,
 .ui.primary.file.input input[type="file"]::-ms-browse:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 
 input[type="file"].ui.primary.file.input::file-selector-button,
 .ui.primary.file.input input[type="file"]::file-selector-button {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
 input[type="file"].ui.primary.file.input::file-selector-button:hover,
 .ui.primary.file.input input[type="file"]::file-selector-button:hover {
-  background: #1678c2;
+  background: #5829bb;
 }
 
 input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
@@ -30102,8 +30102,8 @@ a.ui.basic.label:hover {
 
 .ui.primary.labels .label,
 .ui.ui.ui.primary.label {
-  background-color: #2185D0;
+  background-color: #6435C9;
-  border-color: #2185D0;
+  border-color: #6435C9;
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -30111,15 +30111,15 @@ a.ui.basic.label:hover {
 
 .ui.primary.labels a.label:hover,
 a.ui.ui.ui.primary.label:hover {
-  background-color: #1678c2;
+  background-color: #5829bb;
-  border-color: #1678c2;
+  border-color: #5829bb;
   color: #FFFFFF;
 }
 
 /* Ribbon */
 
 .ui.ui.ui.primary.ribbon.label {
-  border-color: #1a69a4;
+  border-color: #502aa1;
 }
 
 /* Basic */
@@ -30127,23 +30127,23 @@ a.ui.ui.ui.primary.label:hover {
 .ui.basic.labels .primary.label,
 .ui.ui.ui.basic.primary.label {
   background: none #FFFFFF;
-  border-color: #2185D0;
+  border-color: #6435C9;
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.basic.labels a.primary.label:hover,
 a.ui.ui.ui.basic.primary.label:hover {
   background: none #FFFFFF;
-  border-color: #1678c2;
+  border-color: #5829bb;
-  color: #1678c2;
+  color: #5829bb;
 }
 
 /* Inverted */
 
 .ui.inverted.labels .primary.label,
 .ui.ui.ui.inverted.primary.label {
-  background-color: #54C8FF;
+  background-color: #A291FB;
-  border-color: #54C8FF;
+  border-color: #A291FB;
   color: #1B1C1D;
 }
 
@@ -30151,15 +30151,15 @@ a.ui.ui.ui.basic.primary.label:hover {
 
 .ui.inverted.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.primary.label:hover {
-  background-color: #21b8ff;
+  background-color: #745aff;
-  border-color: #21b8ff;
+  border-color: #745aff;
   color: #1B1C1D;
 }
 
 /* Inverted Ribbon */
 
 .ui.ui.ui.inverted.primary.ribbon.label {
-  border-color: #21b8ff;
+  border-color: #7860f9;
 }
 
 /* Inverted Basic */
@@ -30167,22 +30167,22 @@ a.ui.ui.ui.inverted.primary.label:hover {
 .ui.inverted.basic.labels .primary.label,
 .ui.ui.ui.inverted.basic.primary.label {
   background-color: #1B1C1D;
-  border-color: #54C8FF;
+  border-color: #A291FB;
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.inverted.basic.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.basic.primary.label:hover {
-  border-color: #21b8ff;
+  border-color: #745aff;
   background-color: #1B1C1D;
-  color: #21b8ff;
+  color: #745aff;
 }
 
 /* Inverted Basic Tags */
 
 .ui.inverted.basic.tag.labels .primary.label,
 .ui.ui.ui.inverted.primary.basic.tag.label {
-  border: 1px solid #54C8FF;
+  border: 1px solid #A291FB;
 }
 
 .ui.inverted.basic.tag.labels .primary.label::before,
@@ -33196,7 +33196,7 @@ ol.ui.suffixed.list li::before,
 .ui.primary.loading.loading.loading.loading .input > i.icon::after,
 .ui.primary.loading.loading.loading.loading > i.icon::after,
 .ui.primary.loader.loader.loader::after {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.inverted.primary.elastic.loader::before,
@@ -33207,7 +33207,7 @@ ol.ui.suffixed.list li::before,
 .ui.inverted.primary.loading.loading.loading.loading .input > i.icon::after,
 .ui.inverted.primary.loading.loading.loading.loading > i.icon::after,
 .ui.inverted.primary.loader.loader.loader::after {
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.secondary.elastic.loader.loader::before,
@@ -35354,7 +35354,7 @@ Floated Menu / Item
 .ui.ui.ui.menu .primary.active.item,
 .ui.ui.primary.menu .active.item:hover,
 .ui.ui.primary.menu .active.item {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.ui.ui.menu .red.active.item,
@@ -35579,7 +35579,7 @@ Floated Menu / Item
 
 .ui.ui.ui.inverted.menu .primary.active.item,
 .ui.ui.inverted.primary.menu {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 
 .ui.inverted.primary.menu .item::before {
@@ -35591,7 +35591,7 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.primary.menu .active.item {
-  background-color: #1678c2;
+  background-color: #5829bb;
 }
 
 .ui.ui.ui.inverted.menu .red.active.item,
@@ -36129,7 +36129,7 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.menu .primary.active.item::after {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 
 .ui.inverted.pointing.menu .secondary.active.item::after {
@@ -36870,13 +36870,13 @@ Floated Menu / Item
 
 .ui.primary.message,
 .ui.attached.primary.message {
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
-  box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.floating.primary.message {
-  -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
-  box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 
 .ui.primary.message .header {
@@ -39817,13 +39817,13 @@ Floated Menu / Item
 .ui.indeterminate.primary.progress .bar::before,
 .ui.primary.progress .bar,
 .ui.progress .primary.bar {
-  background-color: #2185D0;
+  background-color: #6435C9;
 }
 
 .ui.inverted.indeterminate.primary.progress .bar::before,
 .ui.primary.inverted.progress .bar,
 .ui.inverted.progress .primary.bar {
-  background-color: #54C8FF;
+  background-color: #A291FB;
 }
 
 .ui.indeterminate.secondary.progress .bar::before,
@@ -42424,13 +42424,13 @@ body.pushable > .pusher {
 .ui.primary.statistics .statistic > .value,
 .ui.statistics .primary.statistic > .value,
 .ui.primary.statistic > .value {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.inverted.primary.statistics .statistic > .value,
 .ui.statistics .inverted.primary.statistic > .value,
 .ui.inverted.primary.statistic > .value {
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 .ui.secondary.statistics .statistic > .value,
@@ -43894,23 +43894,23 @@ body.pushable > .pusher {
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
-    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
@@ -44776,23 +44776,23 @@ body.pushable > .pusher {
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
@@ -45303,11 +45303,11 @@ body.pushable > .pusher {
 --------------------*/
 
 .ui.primary.table {
-  border-top: 0.2em solid #2185D0;
+  border-top: 0.2em solid #6435C9;
 }
 
 .ui.inverted.primary.table {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
@@ -45315,8 +45315,8 @@ body.pushable > .pusher {
 
 .ui.scrolling.table > thead.primary,
 .ui.scrolling.table > tfoot.primary {
-  background: #ddf4ff;
+  background: #ece9fe;
-  color: #ddf4ff;
+  color: #ece9fe;
 }
 
 .ui.scrolling.table > thead.primary > tr > th,
@@ -45329,8 +45329,8 @@ body.pushable > .pusher {
 
 .ui.inverted.scrolling.table > thead.primary,
 .ui.inverted.scrolling.table > tfoot.primary {
-  background: #2185D0;
+  background: #6435C9;
-  color: #2185D0;
+  color: #6435C9;
 }
 
 .ui.inverted.scrolling.table > thead.primary > tr > th,
@@ -45347,7 +45347,7 @@ body.pushable > .pusher {
 .ui.ui.ui.ui.table tr.primary:not(.marked),
 .ui.ui.table th.primary:not(.marked),
 .ui.ui.table td.primary:not(.marked) {
-  background: #ddf4ff;
+  background: #ece9fe;
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -45367,7 +45367,7 @@ body.pushable > .pusher {
 .ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
 .ui.ui.inverted.table th.primary:not(.marked),
 .ui.ui.inverted.table td.primary:not(.marked) {
-  background: #2185D0;
+  background: #6435C9;
   color: #FFFFFF;
 }
 
@@ -45387,7 +45387,7 @@ body.pushable > .pusher {
 .ui.ui.selectable.table tr.primary:not(.marked):hover,
 .ui.table tr td.selectable.primary:not(.marked):hover,
 .ui.selectable.table tr:hover td.primary:not(.marked) {
-  background: #d3f1ff;
+  background: #e3deff;
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -45397,32 +45397,32 @@ body.pushable > .pusher {
 .ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
 .ui.inverted.table tr td.selectable.primary:not(.marked):hover,
 .ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
-  background: #21b8ff;
+  background: #745aff;
   color: #FFFFFF;
 }
 
 .ui.table td[class*="primary marked"].left,
 .ui.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
-  box-shadow: 0.2em 0 0 0 #2185D0 inset;
+  box-shadow: 0.2em 0 0 0 #6435C9 inset;
 }
 
 .ui.table td[class*="primary marked"].right,
 .ui.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
+  -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
-  box-shadow: -0.2em 0 0 0 #2185D0 inset;
+  box-shadow: -0.2em 0 0 0 #6435C9 inset;
 }
 
 .ui.inverted.table td[class*="primary marked"].left,
 .ui.inverted.table tr[class*="primary marked"].left {
-  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
-  box-shadow: 0.2em 0 0 0 #54C8FF inset;
+  box-shadow: 0.2em 0 0 0 #A291FB inset;
 }
 
 .ui.inverted.table td[class*="primary marked"].right,
 .ui.inverted.table tr[class*="primary marked"].right {
-  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
+  -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
-  box-shadow: -0.2em 0 0 0 #54C8FF inset;
+  box-shadow: -0.2em 0 0 0 #A291FB inset;
 }
 
 .ui.secondary.table {
@@ -47855,11 +47855,11 @@ span.ui.text {
 }
 
 span.ui.primary.text {
-  color: #2185D0;
+  color: #6435C9;
 }
 
 span.ui.inverted.primary.text {
-  color: #54C8FF;
+  color: #A291FB;
 }
 
 span.ui.secondary.text {
@@ -48776,13 +48776,13 @@ span.ui.massive.text {
 -------------- */
 
 .ui.primary.toast {
-  background-color: #2185D0;
+  background-color: #6435C9;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .ui.inverted.primary.toast,
 .ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
-  background-color: #54C8FF;
+  background-color: #A291FB;
   color: rgba(0, 0, 0, 0.87);
 }
 

semantic/src/themes/wishthis/globals/site.variables

@@ -5,6 +5,7 @@
 /*-------------------
        Fonts
 --------------------*/
+
 @fontName      : 'Raleway';
 @fallbackFonts : sans-serif;
 
@@ -17,3 +18,10 @@
 
 /* The size of page text  */
 @fontSize : 14pt;
+
+/*-------------------
+    Brand Colors
+--------------------*/
+
+@primaryColor        : @violet;
+@lightPrimaryColor   : @lightViolet;