Change focusedFormBorderColor

This commit is contained in:
Jay Trees 2022-04-07 09:17:24 +02:00
parent ec5b6c905c
commit 7df020f977
9 changed files with 27 additions and 27 deletions

View file

@ -130,8 +130,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 #6435C9;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #6435C9;
} }
.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);
@ -141,8 +141,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 #6435C9;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #6435C9;
} }
.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;text-align:center}.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.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;text-align:center}.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 #6435c9;box-shadow:inset 0 0 0 1px #6435c9}.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 #6435c9;box-shadow:inset 0 0 0 1px #6435c9}.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.disabled.calendar{opacity:.45}.ui.disabled.calendar .ui.table tr .link,.ui.disabled.calendar>.input{pointer-events:none}

View file

@ -401,7 +401,7 @@
.ui.form input[type="file"]:focus, .ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus { .ui.form input[type="url"]:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #6435C9;
border-radius: 0.33333333rem; border-radius: 0.33333333rem;
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;
@ -439,7 +439,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: #6435C9;
border-radius: 0.33333333rem; border-radius: 0.33333333rem;
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

@ -137,7 +137,7 @@
.ui.input.focus > input, .ui.input.focus > input,
.ui.input > input:focus { .ui.input > input:focus {
border-color: #85B7D9; border-color: #6435C9;
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;
@ -425,7 +425,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: #6435C9;
} }
/* Regular Label on Right */ /* Regular Label on Right */
@ -439,7 +439,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: #6435C9 !important;
} }
/* Corner Label */ /* Corner Label */
@ -640,10 +640,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: #6435C9;
} }
.ui.ui[class*="left action"].input > input:focus { .ui.ui[class*="left action"].input > input:focus {
border-left-color: #85B7D9; border-left-color: #6435C9;
} }
/*-------------------- /*--------------------

File diff suppressed because one or more lines are too long

View file

@ -23464,7 +23464,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: #6435C9;
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;
@ -23802,7 +23802,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: #6435C9;
} }
/* Regular Label on Right */ /* Regular Label on Right */
@ -23819,7 +23819,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: #6435C9 !important;
} }
/* Corner Label */ /* Corner Label */
@ -24056,11 +24056,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: #6435C9;
} }
.ui.ui[class*="left action"].input > input:focus { .ui.ui[class*="left action"].input > input:focus {
border-left-color: #85B7D9; border-left-color: #6435C9;
} }
/*-------------------- /*--------------------
@ -34395,7 +34395,7 @@ span.ui.massive.text {
.ui.form input[type="file"]:focus, .ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus { .ui.form input[type="url"]:focus {
color: rgba(0, 0, 0, 0.95); color: rgba(0, 0, 0, 0.95);
border-color: #85B7D9; border-color: #6435C9;
border-radius: 0.33333333rem; border-radius: 0.33333333rem;
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;
@ -34436,7 +34436,7 @@ span.ui.massive.text {
.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: #6435C9;
border-radius: 0.33333333rem; border-radius: 0.33333333rem;
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;
@ -38640,8 +38640,8 @@ Floated Menu / Item
.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 #6435C9;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #6435C9;
} }
.ui.inverted.calendar .ui.table.inverted tr td.range { .ui.inverted.calendar .ui.table.inverted tr td.range {
@ -38653,8 +38653,8 @@ Floated Menu / Item
.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 #6435C9;
box-shadow: inset 0 0 0 1px #85B7D9; box-shadow: inset 0 0 0 1px #6435C9;
} }
.ui.inverted.calendar .ui.inverted.table tr .disabled { .ui.inverted.calendar .ui.inverted.table tr .disabled {

File diff suppressed because one or more lines are too long

View file

@ -99,7 +99,7 @@
--------------------*/ --------------------*/
/* Used on inputs, textarea etc */ /* Used on inputs, textarea etc */
@focusedFormBorderColor: #85B7D9; @focusedFormBorderColor: @primaryColor;
/* Used on dropdowns, other larger blocks */ /* Used on dropdowns, other larger blocks */
@focusedFormMutedBorderColor: #96C8DA; @focusedFormMutedBorderColor: #96C8DA;