Minor Variables- and Accessibility-Fixes (#9)

* Minor Variables- and Accessibility-Fixes * Minor Variables- and Accessibility-Fixes 1.1
klees · Mar 24, 2021 · 050d63f · 050d63f
1 parent f8f1659
commit 050d63f
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 42 deletions.
diff --git a/src/UI/templates/default/Card/card.less b/src/UI/templates/default/Card/card.less
@@ -4,7 +4,7 @@
 	position:relative;
 	background-color: @il-card-background;
 	border: none;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+	box-shadow: 0 1px 2px rgb(0 0 0 / 15%), 0 0px 0px rgb(0 0 0 / 15%);
 
 	img{
 		width: 100%;

diff --git a/templates/default/delos.css b/templates/default/delos.css
@@ -6896,7 +6896,7 @@ button.close {
 .il-counter-status {
   padding: 2px 4px;
   margin-top: 10px;
-  background-color: #a9a9a9;
+  background-color: #757575;
 }
 .panel {
   border: none;
@@ -7073,7 +7073,7 @@ button.close {
   position: relative;
   background-color: white;
   border: none;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0px 0px rgba(0, 0, 0, 0.15);
   /* see bug #24947 */
 }
 .il-card img {
@@ -10079,10 +10079,10 @@ footer {
   border-bottom: #dddddd none;
   border-left: #dddddd none;
   border-right: #dddddd none;
-  color: #4c6586;
+  color: #3a4c65;
 }
 .il-system-info.il-system-info-neutral a.glyph {
-  color: #4c6586;
+  color: #3a4c65;
 }
 .il-system-info.il-system-info-important {
   -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25);
@@ -10093,24 +10093,24 @@ footer {
   border-bottom: #dddddd none;
   border-left: #dddddd none;
   border-right: #dddddd none;
-  color: #aa0000;
+  color: #770000;
 }
 .il-system-info.il-system-info-important a.glyph {
-  color: #aa0000;
+  color: #770000;
 }
 .il-system-info.il-system-info-breaking {
   -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25);
   box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25);
-  background-color: #f70000;
+  background-color: #aa0000;
   border-top: #dddddd none;
   border-bottom: #dddddd none;
   border-left: #dddddd none;
   border-right: #dddddd none;
-  color: #fff7f7;
+  color: #ffdddd;
 }
 .il-system-info.il-system-info-breaking a.glyph {
-  color: #fff7f7;
+  color: #ffdddd;
 }
 .il-system-info.full {
   height: auto;
@@ -11022,24 +11022,24 @@ the il- variable in your less code and not the boostrap variable in your less co
   background-color: #633c00;
 }
 .extended-color-variant-3.il-extended-color-variant-standard {
-  color: #000000;
-  background-color: #26646d;
+  color: #081517;
+  background-color: #307c88;
 }
 .extended-color-variant-3.il-extended-color-variant-light {
-  color: #10292d;
-  background-color: #3895a2;
+  color: #194248;
+  background-color: #43acbd;
 }
 .extended-color-variant-3.il-extended-color-variant-lighter {
-  color: #123034;
-  background-color: #4db2c1;
+  color: #1c484f;
+  background-color: #69bdca;
 }
 .extended-color-variant-3.il-extended-color-variant-dark {
-  color: #89ccd6;
-  background-color: #143338;
+  color: #a5d7df;
+  background-color: #1d4c53;
 }
 .extended-color-variant-3.il-extended-color-variant-darker {
-  color: #d5edf0;
-  background-color: #09181a;
+  color: #f0f8fa;
+  background-color: #133035;
 }
 .extended-color-variant-4.il-extended-color-variant-standard {
   color: #378144;
@@ -11840,7 +11840,7 @@ div.input {
   overflow: auto;
 }
 div.input:focus {
-  border-color: #a0b0ff;
+  border-color: #0078D7;
 }
 input[type=text].numeric {
   text-align: right;
@@ -12393,7 +12393,6 @@ div.Access {
 .bold {
   font-weight: bold;
 }
-/* ----------------- alternative text styles ------------- */
 .light {
   color: #757575;
 }
@@ -15194,7 +15193,7 @@ div.ilTableFilterLabel label {
 }
 div.ilTableFilterInput {
   min-width: 150px;
-  padding: 5px 0;
+  padding: 0 0 5px 0;
 }
 div.ilTableFilterInput select {
   width: 100%;
@@ -15536,7 +15535,7 @@ th.ilSkillEntryHead {
   padding-bottom: 3px;
 }
 .ilSkillEvalItem.ilSkillEvalType1 {
-  border-color: #26646d;
+  border-color: #307C88;
 }
 .ilSkillEvalItem.ilSkillEvalType2 {
   border-color: #d38000;
@@ -15566,7 +15565,7 @@ th.ilSkillEntryHead {
   border-color: #557b2e;
 }
 .ilSkillEvalItem > .row > .ilSkillEvalType1 {
-  color: #26646d;
+  color: #307C88;
 }
 .ilSkillEvalItem > .row > .ilSkillEvalType2 {
   color: #d38000;
@@ -17346,7 +17345,7 @@ div.ilSurveyPageEditActionMenu {
   padding: 6px 12px;
 }
 .ilTag {
-  background-color: #26646d;
+  background-color: #307C88;
   /* background-color: lighten(@brand-primary, 10%); */
   color: white;
   display: inline-block;
@@ -17359,19 +17358,19 @@ a.ilTag:hover,
 a.ilTag:active {
   text-decoration: none;
   color: white;
-  background-color: #097a8a;
+  background-color: #0b97ad;
 }
 .ilTagRelHigh {
-  background-color: #35595e;
+  background-color: #3e727a;
 }
 .ilTagRelMiddle {
-  background-color: #434e50;
+  background-color: #4c686c;
 }
 .ilTagRelLow {
-  background-color: #4a4a4a;
+  background-color: #595e5f;
 }
 .ilTagRelVeryLow {
-  background-color: #4a4a4a;
+  background-color: #5c5c5c;
 }
 .ilTag.ilHighlighted {
   background-color: #B54F00;

diff --git a/templates/default/delos.less b/templates/default/delos.less
@@ -718,7 +718,7 @@ div.input {
 	overflow: auto;
 }
 div.input:focus {
-	border-color: #a0b0ff;
+	border-color: @il-focus-color;
 }
 input[type=text].numeric {
 	text-align: right;
@@ -1340,7 +1340,6 @@ div.Access {
 	font-weight: bold;
 }
 
-/* ----------------- alternative text styles ------------- */
 .light {
 	color: @il-text-light-color;
 }

diff --git a/templates/default/less/Services/Table/delos.less b/templates/default/less/Services/Table/delos.less
@@ -143,7 +143,7 @@ div.ilTableFilterLabel label {
 
 div.ilTableFilterInput {
 	min-width: 150px;
-	padding: 5px 0;
+	padding: 0 0 5px 0;
 }
 
 div.ilTableFilterInput select {

diff --git a/templates/default/less/Services/Tags/delos.less b/templates/default/less/Services/Tags/delos.less
@@ -28,16 +28,16 @@ a.ilTag:hover, a.ilTag:active {
 
 }
 .ilTagRelHigh {
-	background-color: desaturate(@il-tag-bg, 20%);
+	background-color: desaturate(@il-tag-bg, 15%);
 }
 .ilTagRelMiddle {
-	background-color: desaturate(@il-tag-bg, 40%);
+	background-color: desaturate(@il-tag-bg, 30%);
 }
 .ilTagRelLow {
-	background-color: desaturate(@il-tag-bg, 60%);
+	background-color: desaturate(@il-tag-bg, 45%);
 }
 .ilTagRelVeryLow {
-	background-color: desaturate(@il-tag-bg, 80%);
+	background-color: desaturate(@il-tag-bg, 60%);
 }
 
 .ilTag.ilHighlighted {

diff --git a/templates/default/less/variables.less b/templates/default/less/variables.less
@@ -65,7 +65,7 @@ with the il- variable set here.
 //** Variant 2 of the extended color set in ILIAS
 @il-extended-color-2: #d38000;
 //** Variant 3 of the extended color set in ILIAS
-@il-extended-color-3: #26646d;
+@il-extended-color-3: #307C88;
 //** Variant 4 of the extended color set in ILIAS
 @il-extended-color-4: #86cb92;
 //** Variant 5 of the extended color set in ILIAS
@@ -527,7 +527,7 @@ with the il- variable set here.
 //== Status Counter
 //
 //##
-@il-counter-status-bg: lighten(@il-neutral-color, 40%);
+@il-counter-status-bg: @il-neutral-light-color;
 @il-counter-status-margin-top: 10px;
 
 
@@ -755,13 +755,13 @@ with the il- variable set here.
 @il-standard-page-system-info-border-top-and-bottom: none;
 @il-standard-page-system-info-border-left-and-right: none;
 /** nagtive or positive contrast color for text and glyph **/
-@il-standard-page-system-info-contrast: 50%;
+@il-standard-page-system-info-contrast: 60%;
 /** contrast threshold for contrast color **/
 @il-standard-page-system-info-contrast-threshold: 43%;
 /** three color variants for neutral, important, breaking Head Infos **/
 @il-standard-page-system-info-color-variant-neutral: lighten(@il-main-color, 50%); // looks nice with @il-mainbar-btn-bg-color as well
 @il-standard-page-system-info-color-variant-important: lighten(@il-danger-color, 40%);
-@il-standard-page-system-info-color-variant-breaking: lighten(@il-danger-color, 5%);
+@il-standard-page-system-info-color-variant-breaking: darken(@il-danger-color, 10%);
 
 //== View Control
 //