Fix theme colors

This commit is contained in:
grandeljay 2022-08-08 09:43:24 +02:00
parent ee1bdaea0b
commit 1d65121e38
25 changed files with 109 additions and 80 deletions

View file

@ -129,8 +129,8 @@
} }
.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus, .ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus { .ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
-webkit-box-shadow: inset 0 0 0 1px #85B7D9; -webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #a285df;
} }
.ui.inverted.calendar .ui.table.inverted tr td.range { .ui.inverted.calendar .ui.table.inverted tr td.range {
background: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.08);
@ -140,8 +140,8 @@
} }
.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus, .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus { .ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
-webkit-box-shadow: inset 0 0 0 1px #85B7D9; -webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #a285df;
} }
.ui.inverted.calendar .ui.inverted.table tr .disabled { .ui.inverted.calendar .ui.inverted.table tr .disabled {
color: rgba(225, 225, 225, 0.3); color: rgba(225, 225, 225, 0.3);

View file

@ -6,4 +6,4 @@
* Released under the MIT license * Released under the MIT license
* http://opensource.org/licenses/MIT * http://opensource.org/licenses/MIT
* *
*/.ui.calendar .ui.popup{max-width:none;padding:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.calendar .calendar:focus{outline:0}.ui.calendar .ui.popup .ui.grid{display:block;white-space:nowrap}.ui.calendar .ui.popup .ui.grid>.column{width:auto}.ui.calendar .ui.table.minute,.ui.calendar .ui.table.month,.ui.calendar .ui.table.year{min-width:15em}.ui.calendar .ui.table.day{min-width:18em}.ui.calendar .ui.table.day.andweek{min-width:22em}.ui.calendar .ui.table.hour{min-width:20em}.ui.calendar .ui.table tr td,.ui.calendar .ui.table tr th{padding:.5em;white-space:nowrap}.ui.calendar .ui.table tr th{border-left:none}.ui.calendar .ui.table tr th i.icon{margin:0}.ui.calendar .ui.table tr:first-child th{position:relative;padding-left:0;padding-right:0}.ui.calendar .ui.table.day tr:first-child th{border:none}.ui.calendar .ui.table.day tr:nth-child(2) th{padding-top:.2em;padding-bottom:.3em}.ui.calendar .ui.table tr td{padding-left:.1em;padding-right:.1em}.ui.calendar .ui.table tr .link{cursor:pointer}.ui.calendar .ui.table tr .prev.link{width:14.28571429%;position:absolute;left:0}.ui.calendar .ui.table tr .next.link{width:14.28571429%;position:absolute;right:0}.ui.ui.calendar .ui.table tr .disabled{pointer-events:auto;cursor:default;color:rgba(40,40,40,.3)}.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active){color:rgba(0,0,0,.6);background:rgba(0,0,0,.03)}.ui.calendar .ui.table tr td.today{font-weight:700}.ui.calendar .ui.table tr td.range{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none}.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus,.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #85b7d9;box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.table.inverted tr td.range{background:rgba(255,255,255,.08);color:#fff;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus,.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #85b7d9;box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.inverted.table tr .disabled{color:rgba(225,225,225,.3)}.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active){color:rgba(255,255,255,.8);background:rgba(255,255,255,.02)}.ui.calendar.popup>.ui.ui.grid{margin:-1rem}.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child){padding-left:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child)>.ui.table{border-top-left-radius:0;border-bottom-left-radius:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child){padding-right:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child)>.ui.table{border-top-right-radius:0;border-bottom-right-radius:0}.ui.disabled.calendar{opacity:.45}.ui.disabled.calendar .ui.table tr .link,.ui.disabled.calendar>.input{pointer-events:none} */.ui.calendar .ui.popup{max-width:none;padding:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.calendar .calendar:focus{outline:0}.ui.calendar .ui.popup .ui.grid{display:block;white-space:nowrap}.ui.calendar .ui.popup .ui.grid>.column{width:auto}.ui.calendar .ui.table.minute,.ui.calendar .ui.table.month,.ui.calendar .ui.table.year{min-width:15em}.ui.calendar .ui.table.day{min-width:18em}.ui.calendar .ui.table.day.andweek{min-width:22em}.ui.calendar .ui.table.hour{min-width:20em}.ui.calendar .ui.table tr td,.ui.calendar .ui.table tr th{padding:.5em;white-space:nowrap}.ui.calendar .ui.table tr th{border-left:none}.ui.calendar .ui.table tr th i.icon{margin:0}.ui.calendar .ui.table tr:first-child th{position:relative;padding-left:0;padding-right:0}.ui.calendar .ui.table.day tr:first-child th{border:none}.ui.calendar .ui.table.day tr:nth-child(2) th{padding-top:.2em;padding-bottom:.3em}.ui.calendar .ui.table tr td{padding-left:.1em;padding-right:.1em}.ui.calendar .ui.table tr .link{cursor:pointer}.ui.calendar .ui.table tr .prev.link{width:14.28571429%;position:absolute;left:0}.ui.calendar .ui.table tr .next.link{width:14.28571429%;position:absolute;right:0}.ui.ui.calendar .ui.table tr .disabled{pointer-events:auto;cursor:default;color:rgba(40,40,40,.3)}.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active){color:rgba(0,0,0,.6);background:rgba(0,0,0,.03)}.ui.calendar .ui.table tr td.today{font-weight:700}.ui.calendar .ui.table tr td.range{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none}.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus,.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #a285df;box-shadow:inset 0 0 0 1px #a285df}.ui.inverted.calendar .ui.table.inverted tr td.range{background:rgba(255,255,255,.08);color:#fff;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus,.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #a285df;box-shadow:inset 0 0 0 1px #a285df}.ui.inverted.calendar .ui.inverted.table tr .disabled{color:rgba(225,225,225,.3)}.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active){color:rgba(255,255,255,.8);background:rgba(255,255,255,.02)}.ui.calendar.popup>.ui.ui.grid{margin:-1rem}.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child){padding-left:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:first-child)>.ui.table{border-top-left-radius:0;border-bottom-left-radius:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child){padding-right:0}.ui.calendar.popup>.ui.ui.grid>.column:not(:last-child)>.ui.table{border-top-right-radius:0;border-bottom-right-radius:0}.ui.disabled.calendar{opacity:.45}.ui.disabled.calendar .ui.table tr .link,.ui.disabled.calendar>.input{pointer-events:none}

View file

@ -308,7 +308,7 @@
} }
.ui.cards > .card > .content > a.header:hover, .ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover { .ui.card > .content > a.header:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Meta */ /* Meta */
@ -452,7 +452,7 @@
} }
.ui.cards > .card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover { .ui.card > .extra a:not(.ui):hover {
color: #1e70bf; color: #4d17c0;
} }
@ -1960,7 +1960,7 @@ a.ui.basic.inverted.black.card:hover,
} }
.ui.inverted.cards > .card > .content > a.header:hover, .ui.inverted.cards > .card > .content > a.header:hover,
.ui.inverted.card > .content > a.header:hover { .ui.inverted.card > .content > a.header:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Description */ /* Description */
@ -1995,7 +1995,7 @@ a.ui.basic.inverted.black.card:hover,
} }
.ui.inverted.cards > .card > .extra a:not(.ui):hover, .ui.inverted.cards > .card > .extra a:not(.ui):hover,
.ui.inverted.card > .extra a:not(.ui):hover { .ui.inverted.card > .extra a:not(.ui):hover {
color: #1e70bf; color: #4d17c0;
} }
/* Link card(s) */ /* Link card(s) */

File diff suppressed because one or more lines are too long

View file

@ -156,7 +156,7 @@
.ui.checkbox input:focus ~ label::before { .ui.checkbox input:focus ~ label::before {
background: #FFFFFF; background: #FFFFFF;
border-color: #96C8DA; border-color: #835dd4;
} }
.ui.checkbox input:focus ~ label::after { .ui.checkbox input:focus ~ label::after {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
@ -208,7 +208,7 @@
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before,
.ui.checkbox input:checked:focus ~ label::before { .ui.checkbox input:checked:focus ~ label::before {
background: #FFFFFF; background: #FFFFFF;
border-color: #96C8DA; border-color: #835dd4;
} }
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
.ui.checkbox input:checked:focus ~ label::after { .ui.checkbox input:checked:focus ~ label::after {

File diff suppressed because one or more lines are too long

View file

@ -566,25 +566,25 @@ select.ui.dropdown {
/* Active */ /* Active */
.ui.selection.simple.dropdown:hover, .ui.selection.simple.dropdown:hover,
.ui.selection.active.dropdown { .ui.selection.active.dropdown {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.simple.dropdown:hover .menu, .ui.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .menu { .ui.selection.active.dropdown .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
/* Focus */ /* Focus */
.ui.selection.dropdown:focus { .ui.selection.dropdown:focus {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.ui.selection.dropdown:focus .menu { .ui.selection.dropdown:focus .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -597,12 +597,12 @@ select.ui.dropdown {
/* Visible Hover */ /* Visible Hover */
.ui.selection.active.dropdown:hover { .ui.selection.active.dropdown:hover {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown:hover .menu { .ui.selection.active.dropdown:hover .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }

File diff suppressed because one or more lines are too long

View file

@ -425,7 +425,7 @@
.ui.form input[type="url"]:focus, .ui.form input[type="url"]:focus,
.ui.form input[type="week"]:focus { .ui.form input[type="week"]:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #a285df;
border-radius: 0.28571429rem; border-radius: 0.28571429rem;
background: #FFFFFF; background: #FFFFFF;
-webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
@ -469,7 +469,7 @@
} }
.ui.form textarea:focus { .ui.form textarea:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #a285df;
border-radius: 0.28571429rem; border-radius: 0.28571429rem;
background: #FFFFFF; background: #FFFFFF;
-webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;

File diff suppressed because one or more lines are too long

View file

@ -146,7 +146,7 @@
.ui.input.focus > input, .ui.input.focus > input,
.ui.input > input:focus { .ui.input > input:focus {
border-color: #85B7D9; border-color: #a285df;
background: #FFFFFF; background: #FFFFFF;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: none; -webkit-box-shadow: none;
@ -463,7 +463,7 @@
border-left-color: transparent; border-left-color: transparent;
} }
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
border-left-color: #85B7D9; border-left-color: #a285df;
} }
/* Regular Label on Right */ /* Regular Label on Right */
@ -477,7 +477,7 @@
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.ui[class*="right labeled"].input > input:focus { .ui[class*="right labeled"].input > input:focus {
border-right-color: #85B7D9 !important; border-right-color: #a285df !important;
} }
/* Corner Label */ /* Corner Label */
@ -736,10 +736,10 @@
/* Input Focus */ /* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus { .ui.action.input:not([class*="left action"]) > input:focus {
border-right-color: #85B7D9; border-right-color: #a285df;
} }
.ui.ui[class*="left action"].input > input:focus { .ui.ui[class*="left action"].input > input:focus {
border-left-color: #85B7D9; border-left-color: #a285df;
} }
/*-------------------- /*--------------------

File diff suppressed because one or more lines are too long

View file

@ -614,7 +614,7 @@ a.ui.active.label:hover::before {
a.ui.basic.label:hover { a.ui.basic.label:hover {
text-decoration: none; text-decoration: none;
background: none #FFFFFF; background: none #FFFFFF;
color: #1e70bf; color: #4d17c0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -659,7 +659,7 @@ a.ui.basic.label:hover {
background: #1B1C1D; background: #1B1C1D;
} }
.ui.inverted.basic.label:hover { .ui.inverted.basic.label:hover {
color: #4183C4; color: #6435C9;
} }
/*------------------- /*-------------------

File diff suppressed because one or more lines are too long

View file

@ -193,11 +193,11 @@ ol.ui.list ol li,
.ui.list .list > a.item, .ui.list .list > a.item,
.ui.list > a.item { .ui.list > a.item {
cursor: pointer; cursor: pointer;
color: #4183C4; color: #6435C9;
} }
.ui.list .list > a.item:hover, .ui.list .list > a.item:hover,
.ui.list > a.item:hover { .ui.list > a.item:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Linked Item Icons */ /* Linked Item Icons */
@ -212,11 +212,11 @@ ol.ui.list ol li,
.ui.list .list > .item a.header, .ui.list .list > .item a.header,
.ui.list > .item a.header { .ui.list > .item a.header {
cursor: pointer; cursor: pointer;
color: #4183C4 !important; color: #6435C9 !important;
} }
.ui.list .list > .item > a.header:hover, .ui.list .list > .item > a.header:hover,
.ui.list > .item > a.header:hover { .ui.list > .item > a.header:hover {
color: #1e70bf !important; color: #4d17c0 !important;
} }
/* Floated Content */ /* Floated Content */
@ -392,7 +392,7 @@ ol.ui.list ol li,
} }
.ui.inverted.list .list > a.item:hover, .ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover { .ui.inverted.list > a.item:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Linking Content */ /* Linking Content */
@ -400,7 +400,7 @@ ol.ui.list ol li,
color: rgba(255, 255, 255, 0.9) !important; color: rgba(255, 255, 255, 0.9) !important;
} }
.ui.inverted.list .item a:not(.ui):hover { .ui.inverted.list .item a:not(.ui):hover {
color: #1e70bf !important; color: #4d17c0 !important;
} }
/*------------------- /*-------------------

File diff suppressed because one or more lines are too long

View file

@ -172,11 +172,11 @@ p:last-child {
--------------------*/ --------------------*/
a { a {
color: #4183C4; color: #6435C9;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #1e70bf; color: #4d17c0;
text-decoration: none; text-decoration: none;
} }

File diff suppressed because one or more lines are too long

View file

@ -369,7 +369,7 @@
background: #F3F4F5; background: #F3F4F5;
} }
.ui.steps .step.active .title { .ui.steps .step.active .title {
color: #4183C4; color: #6435C9;
} }
.ui.ordered.steps .step.active::before, .ui.ordered.steps .step.active::before,
.ui.steps .active.step i.icon { .ui.steps .active.step i.icon {

File diff suppressed because one or more lines are too long

View file

@ -624,12 +624,12 @@ p:last-child {
--------------------*/ --------------------*/
a { a {
color: #4183C4; color: #6435C9;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #1e70bf; color: #4d17c0;
text-decoration: none; text-decoration: none;
} }
@ -8626,8 +8626,8 @@ input::selection {
.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus, .ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus { .ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
-webkit-box-shadow: inset 0 0 0 1px #85B7D9; -webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #a285df;
} }
.ui.inverted.calendar .ui.table.inverted tr td.range { .ui.inverted.calendar .ui.table.inverted tr td.range {
@ -8639,8 +8639,8 @@ input::selection {
.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus, .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus { .ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
-webkit-box-shadow: inset 0 0 0 1px #85B7D9; -webkit-box-shadow: inset 0 0 0 1px #a285df;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #a285df;
} }
.ui.inverted.calendar .ui.inverted.table tr .disabled { .ui.inverted.calendar .ui.inverted.table tr .disabled {
@ -9028,7 +9028,7 @@ input::selection {
.ui.cards > .card > .content > a.header:hover, .ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover { .ui.card > .content > a.header:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Meta */ /* Meta */
@ -9182,7 +9182,7 @@ input::selection {
.ui.cards > .card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover { .ui.card > .extra a:not(.ui):hover {
color: #1e70bf; color: #4d17c0;
} }
/******************************* /*******************************
@ -10885,7 +10885,7 @@ a.ui.basic.inverted.black.card:hover,
.ui.inverted.cards > .card > .content > a.header:hover, .ui.inverted.cards > .card > .content > a.header:hover,
.ui.inverted.card > .content > a.header:hover { .ui.inverted.card > .content > a.header:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Description */ /* Description */
@ -10927,7 +10927,7 @@ a.ui.basic.inverted.black.card:hover,
.ui.inverted.cards > .card > .extra a:not(.ui):hover, .ui.inverted.cards > .card > .extra a:not(.ui):hover,
.ui.inverted.card > .extra a:not(.ui):hover { .ui.inverted.card > .extra a:not(.ui):hover {
color: #1e70bf; color: #4d17c0;
} }
/* Link card(s) */ /* Link card(s) */
@ -11119,7 +11119,7 @@ a.inverted.ui.card:hover,
.ui.checkbox input:focus ~ label::before { .ui.checkbox input:focus ~ label::before {
background: #FFFFFF; background: #FFFFFF;
border-color: #96C8DA; border-color: #835dd4;
} }
.ui.checkbox input:focus ~ label::after { .ui.checkbox input:focus ~ label::after {
@ -11178,7 +11178,7 @@ a.inverted.ui.card:hover,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before,
.ui.checkbox input:checked:focus ~ label::before { .ui.checkbox input:checked:focus ~ label::before {
background: #FFFFFF; background: #FFFFFF;
border-color: #96C8DA; border-color: #835dd4;
} }
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
@ -13307,14 +13307,14 @@ select.ui.dropdown {
.ui.selection.simple.dropdown:hover, .ui.selection.simple.dropdown:hover,
.ui.selection.active.dropdown { .ui.selection.active.dropdown {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.simple.dropdown:hover .menu, .ui.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .menu { .ui.selection.active.dropdown .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -13322,13 +13322,13 @@ select.ui.dropdown {
/* Focus */ /* Focus */
.ui.selection.dropdown:focus { .ui.selection.dropdown:focus {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.ui.selection.dropdown:focus .menu { .ui.selection.dropdown:focus .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -13343,13 +13343,13 @@ select.ui.dropdown {
/* Visible Hover */ /* Visible Hover */
.ui.selection.active.dropdown:hover { .ui.selection.active.dropdown:hover {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown:hover .menu { .ui.selection.active.dropdown:hover .menu {
border-color: #96C8DA; border-color: #835dd4;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -15505,7 +15505,7 @@ select.ui.dropdown {
.ui.form input[type="url"]:focus, .ui.form input[type="url"]:focus,
.ui.form input[type="week"]:focus { .ui.form input[type="week"]:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #a285df;
border-radius: 0.28571429rem; border-radius: 0.28571429rem;
background: #FFFFFF; background: #FFFFFF;
-webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
@ -15552,7 +15552,7 @@ select.ui.dropdown {
.ui.form textarea:focus { .ui.form textarea:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #a285df;
border-radius: 0.28571429rem; border-radius: 0.28571429rem;
background: #FFFFFF; background: #FFFFFF;
-webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
@ -27814,7 +27814,7 @@ img.ui.bordered.image {
.ui.input.focus > input, .ui.input.focus > input,
.ui.input > input:focus { .ui.input > input:focus {
border-color: #85B7D9; border-color: #a285df;
background: #FFFFFF; background: #FFFFFF;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: none; -webkit-box-shadow: none;
@ -28186,7 +28186,7 @@ img.ui.bordered.image {
} }
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
border-left-color: #85B7D9; border-left-color: #a285df;
} }
/* Regular Label on Right */ /* Regular Label on Right */
@ -28203,7 +28203,7 @@ img.ui.bordered.image {
} }
.ui[class*="right labeled"].input > input:focus { .ui[class*="right labeled"].input > input:focus {
border-right-color: #85B7D9 !important; border-right-color: #a285df !important;
} }
/* Corner Label */ /* Corner Label */
@ -28511,11 +28511,11 @@ img.ui.bordered.image {
/* Input Focus */ /* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus { .ui.action.input:not([class*="left action"]) > input:focus {
border-right-color: #85B7D9; border-right-color: #a285df;
} }
.ui.ui[class*="left action"].input > input:focus { .ui.ui[class*="left action"].input > input:focus {
border-left-color: #85B7D9; border-left-color: #a285df;
} }
/*-------------------- /*--------------------
@ -30043,7 +30043,7 @@ a.ui.active.label:hover::before {
a.ui.basic.label:hover { a.ui.basic.label:hover {
text-decoration: none; text-decoration: none;
background: none #FFFFFF; background: none #FFFFFF;
color: #1e70bf; color: #4d17c0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -30093,7 +30093,7 @@ a.ui.basic.label:hover {
} }
.ui.inverted.basic.label:hover { .ui.inverted.basic.label:hover {
color: #4183C4; color: #6435C9;
} }
/*------------------- /*-------------------
@ -31983,12 +31983,12 @@ ol.ui.list ol li,
.ui.list .list > a.item, .ui.list .list > a.item,
.ui.list > a.item { .ui.list > a.item {
cursor: pointer; cursor: pointer;
color: #4183C4; color: #6435C9;
} }
.ui.list .list > a.item:hover, .ui.list .list > a.item:hover,
.ui.list > a.item:hover { .ui.list > a.item:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Linked Item Icons */ /* Linked Item Icons */
@ -32005,12 +32005,12 @@ ol.ui.list ol li,
.ui.list .list > .item a.header, .ui.list .list > .item a.header,
.ui.list > .item a.header { .ui.list > .item a.header {
cursor: pointer; cursor: pointer;
color: #4183C4 !important; color: #6435C9 !important;
} }
.ui.list .list > .item > a.header:hover, .ui.list .list > .item > a.header:hover,
.ui.list > .item > a.header:hover { .ui.list > .item > a.header:hover {
color: #1e70bf !important; color: #4d17c0 !important;
} }
/* Floated Content */ /* Floated Content */
@ -32200,7 +32200,7 @@ ol.ui.list ol li,
.ui.inverted.list .list > a.item:hover, .ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover { .ui.inverted.list > a.item:hover {
color: #1e70bf; color: #4d17c0;
} }
/* Linking Content */ /* Linking Content */
@ -32210,7 +32210,7 @@ ol.ui.list ol li,
} }
.ui.inverted.list .item a:not(.ui):hover { .ui.inverted.list .item a:not(.ui):hover {
color: #1e70bf !important; color: #4d17c0 !important;
} }
/*------------------- /*-------------------
@ -43172,7 +43172,7 @@ body.pushable > .pusher {
} }
.ui.steps .step.active .title { .ui.steps .step.active .title {
color: #4183C4; color: #6435C9;
} }
.ui.ordered.steps .step.active::before, .ui.ordered.steps .step.active::before,

File diff suppressed because one or more lines are too long

View file

@ -118,3 +118,19 @@
@primaryColor : @violet; @primaryColor : @violet;
@lightPrimaryColor : @lightViolet; @lightPrimaryColor : @lightViolet;
/*-------------------
Focused Input
--------------------*/
/* Used on inputs, textarea etc */
@focusedFormBorderColor: lighten(@primaryColor, 20);
/* Used on dropdowns, other larger blocks */
@focusedFormMutedBorderColor: lighten(@primaryColor, 10);
/*-------------------
Links
--------------------*/
@linkColor : @primaryColor;

View file

@ -9,6 +9,10 @@ html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body {
background-color: #f4f4f4;
}
img, img,
svg { svg {
max-width: 100%; max-width: 100%;

View file

@ -1,7 +1,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color: #dfdfdf; color: #dfdfdf;
background-color: #0b0b0b; background-color: #0b0b0b !important;
} }
/** Pusher */ /** Pusher */
@ -76,6 +76,9 @@
color: rgba(255, 255, 255, 0.95); color: rgba(255, 255, 255, 0.95);
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
} }
.ui.attached.menu:not(.tabular):not(.text) {
border-color: #2b2b2a;
}
/** */ /** */
.ui.link.menu .item:hover, .ui.link.menu .item:hover,
@ -167,6 +170,12 @@
.ui.basic.buttons .button:active { .ui.basic.buttons .button:active {
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
} }
.ui.tertiary.button {
color: rgba(255, 255, 255, 0.6);
}
.ui.tertiary.button:hover {
color: #ccc;
}
/** Input */ /** Input */
.ui.input { .ui.input {