added: outline for KeepRight icon

css/80_app.css

@@ -2537,7 +2537,9 @@ input.key-trap {
     border-left: none;
 }
 
-.note-save {
+.note-save,
+.keepRight-save,
+.kr_error-details {
     padding: 10px;
 }
 
@@ -2557,6 +2559,180 @@ input.key-trap {
 }
 
 
+/* Keep Right Errors
+------------------------------------------------------- */
+.kr_error-header-icon .kr_error .kr_error-fill,
+.layer-keepRight .kr_error .kr_error-fill {
+    stroke: #333;
+    stroke-width: 1.3px; /* NOTE: likely a better way to scale the icon stroke */
+}
+
+.kr_error_type_40,
+.kr_error_type_41,
+.kr_error_type_42,
+.kr_error_type_43 {
+    color: #894668;
+}
+
+.kr_error_type_50 {
+    color: #c827fe;
+}
+
+.kr_error_type_70,
+.kr_error_type_71,
+.kr_error_type_72 {
+    color: #74aeaf;
+}
+
+.kr_error_type_90 {
+    color: #3124af;
+}
+
+.kr_error_type_100 {
+    color: #9e8e91;
+}
+
+.kr_error_type_110 {
+    color: #44650b;
+}
+
+.kr_error_type_120 {
+    color: #99274d;
+}
+
+.kr_error_type_130 {
+    color: #eb7310;
+}
+
+.kr_error_type_150 {
+    color: #7218c1;
+}
+
+.kr_error_type_160 {
+    color: #c903ae;
+}
+
+.kr_error_type_170 {
+    color: #07d40b;
+}
+
+.kr_error_type_180 {
+    color: #09ef12;
+}
+
+.kr_error_type_190,
+.kr_error_type_191,
+.kr_error_type_192,
+.kr_error_type_193,
+.kr_error_type_194,
+.kr_error_type_195,
+.kr_error_type_196,
+.kr_error_type_197,
+.kr_error_type_198 {
+    color: #e6fcb0;
+}
+
+.kr_error_type_200,
+.kr_error_type_201,
+.kr_error_type_202,
+.kr_error_type_203,
+.kr_error_type_204,
+.kr_error_type_205,
+.kr_error_type_206,
+.kr_error_type_207,
+.kr_error_type_208 {
+    color: #71f264;
+}
+
+.kr_error_type_210,
+.kr_error_type_211,
+.kr_error_type_212 {
+    color: #4a7601;
+}
+
+.kr_error_type_220,
+.kr_error_type_221 {
+    color: #ef7cf2;
+}
+
+.kr_error_type_230,
+.kr_error_type_231,
+.kr_error_type_232 {
+    color: #5f775c;
+}
+
+.kr_error_type_270 {
+    color: #2aaf92;
+}
+
+.kr_error_type_280,
+.kr_error_type_281,
+.kr_error_type_282,
+.kr_error_type_283,
+.kr_error_type_284,
+.kr_error_type_285 {
+    color: #5f47a0;
+}
+
+.kr_error_type_290,
+.kr_error_type_291,
+.kr_error_type_292,
+.kr_error_type_293,
+.kr_error_type_294,
+.kr_error_type_295,
+.kr_error_type_296,
+.kr_error_type_297,
+.kr_error_type_298 {
+    color: #9bb2cd;
+}
+
+.kr_error_type_310,
+.kr_error_type_311,
+.kr_error_type_312,
+.kr_error_type_313 {
+    color: #0550e8;
+}
+
+.kr_error_type_320 {
+    color: #28d9bb;
+}
+
+.kr_error_type_350 {
+    color: #4d719c;
+}
+
+.kr_error_type_370 {
+    color: #ff8fdf;
+}
+
+.kr_error_type_380 {
+    color: #b3b465;
+}
+
+.kr_error_type_400,
+.kr_error_type_401,
+.kr_error_type_402 {
+    color: #b20e36;
+}
+
+.kr_error_type_410,
+.kr_error_type_411,
+.kr_error_type_412,
+.kr_error_type_413 {
+    color: #b07f7e;
+}
+
+.kr_error-details-title {
+    text-align: left;
+    margin-bottom: 20px;
+}
+
+.kr_error-details-description {
+    text-align: left;
+    margin-bottom: 10px;
+}
+
+
 /* Custom Data Editor
 ------------------------------------------------------- */
 .data-header {

svg/iD-sprite/icons/icon-bolt.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="20" height="20" viewBox="0 0 20 20">
-    <path d="M15,6.5h-4.2l1.3-4.7c0.1-0.5-0.4-1-0.9-1H6.2C5.8,0.7,5.4,1,5.4,1.5l-1.2,8.7c-0.1,0.6,0.4,1,0.8,1h4.3l-1.7,7.1
-	c-0.1,0.5,0.4,1,0.9,1c0.3,0,0.6-0.2,0.7-0.5l6.4-11C16,7.2,15.6,6.5,15,6.5z" fill="currentColor"/>
+    <path stroke="inherit" stroke-width="inherit" fill="currentColor" d="M15,6.5h-4.2l1.3-4.7c0.1-0.5-0.4-1-0.9-1H6.2C5.8,0.7,5.4,1,5.4,1.5l-1.2,8.7c-0.1,0.6,0.4,1,0.8,1h4.3l-1.7,7.1
+	c-0.1,0.5,0.4,1,0.9,1c0.3,0,0.6-0.2,0.7-0.5l6.4-11C16,7.2,15.6,6.5,15,6.5z" />
 </svg>