From 71d80ae5a4675d06fa686e94ca5a11da7c6d468c Mon Sep 17 00:00:00 2001
From: Steven Evans <kopelli@gmail.com>
Date: Mon, 9 Jul 2018 16:11:18 -0400
Subject: [PATCH] [refactor] Enabled Stylelint 'color-hex-length'

---
 css/bladeburner.css         | 12 +++----
 css/companymanagement.css   | 30 ++++++++--------
 css/interactivetutorial.css |  8 ++---
 css/loader.css              |  8 ++---
 css/menupages.css           | 30 ++++++++--------
 css/missions.css            | 16 ++++-----
 css/popupboxes.css          | 12 +++----
 css/styles.css              | 68 ++++++++++++++++++-------------------
 css/workinprogress.css      |  6 ++--
 stylelint.config.js         |  2 +-
 10 files changed, 96 insertions(+), 96 deletions(-)

diff --git a/css/bladeburner.css b/css/bladeburner.css
index 86e4a86fd..00e30c402 100644
--- a/css/bladeburner.css
+++ b/css/bladeburner.css
@@ -7,7 +7,7 @@
 }
 
 .bladeburner-action {
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     margin:7px;
     padding:7px;
     white-space: pre-wrap;
@@ -19,13 +19,13 @@
 
 /* Whatever action is currently active */
 .bladeburner-active-action {
-    border:4px solid #ffffff;
+    border:4px solid #fff;
 }
 
 /* Action & Skills panel navigation button */
 .bladeburner-nav-button {
-    border:1px solid #ffffff;
-    color:#ffffff;
+    border:1px solid #fff;
+    color:#fff;
     padding:2px;
     margin:2px;
 }
@@ -35,7 +35,7 @@
 }
 
 .bladeburner-nav-button-inactive {
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     padding:2px;
     margin:2px;
     text-decoration: none;
@@ -48,7 +48,7 @@
 .bladeburner-console-div {
     display:inline-block;
     width:40%;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     overflow:auto;
     height:100%;
     position:absolute;
diff --git a/css/companymanagement.css b/css/companymanagement.css
index 1a1cb56b3..7a399798f 100644
--- a/css/companymanagement.css
+++ b/css/companymanagement.css
@@ -8,9 +8,9 @@
 /* Header tabs */
 .cmpy-mgmt-header-tab {
     display: inline-block;
-    color: #ffffff;
+    color: #fff;
     background-color:#555;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     padding: 4px;
 }
 
@@ -25,9 +25,9 @@
 /* Switch between Cities */
 .cmpy-mgmt-city-tab {
     display:inline-block;
-    color: #ffffff;
+    color: #fff;
     background-color: #555;
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     padding: 4px;
 }
 
@@ -55,27 +55,27 @@
 }
 
 .cmpy-mgmt-industry-overview-panel {
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     color: var(--my-font-color);
     display:inline-block;
     width: 100%;
 }
 
 .cmpy-mgmt-employee-panel {
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     display:block;
     width:100%;
 }
 
 .cmpy-mgmt-warehouse-panel {
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     display:inline-block;
     width:100%;
 }
 
 /* Hiring new employees*/
 .cmpy-mgmt-find-employee-option {
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     margin: 6px;
 }
 
@@ -86,37 +86,37 @@
 /* Warehouse */
 .cmpy-mgmt-warehouse-material-div {
     padding:2px;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
 }
 
 .cmpy-mgmt-warehouse-product-div {
     padding:2px;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
 }
 
 /* Exporting materials/products */
 .cmpy-mgmt-existing-export {
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     border-radius:25px;
     margin:4px;
     padding:4px;
 }
 
 .cmpy-mgmt-existing-export:hover {
-    background-color:#333333;
+    background-color:#333;
 }
 
 
 /* Upgrades */
 .cmpy-mgmt-upgrade-container {
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     width: 60%;
     margin:4px;
 }
 
 .cmpy-mgmt-upgrade-div {
     display:inline-block;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     margin:2px;
     padding:6px;
     border-radius:25px;
@@ -125,5 +125,5 @@
 }
 
 .cmpy-mgmt-upgrade-div:hover {
-    background-color:#333333;
+    background-color:#333;
 }
diff --git a/css/interactivetutorial.css b/css/interactivetutorial.css
index b79de7c34..b861af790 100644
--- a/css/interactivetutorial.css
+++ b/css/interactivetutorial.css
@@ -10,11 +10,11 @@
     top: 0;
     height: 400px; /* Full height */
     padding: 10px;
-    border: 5px solid #ffffff;
+    border: 5px solid #fff;
     width: 20%;
     overflow: auto; /* Enable scroll if needed */
     background-color: #444; /* Fallback color */
-    color: #ffffff;
+    color: #fff;
 }
 
 #interactive-tutorial-container > strong {
@@ -24,7 +24,7 @@
 #interactive-tutorial-text {
     padding: 4px;
     margin: 4px;
-    color: #ffffff;
+    color: #fff;
     background-color: #444;
 }
 
@@ -62,7 +62,7 @@
 #interactive-tutorial-next:focus,
 #interactive-tutorial-back:hover,
 #interactive-tutorial-back:focus {
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
diff --git a/css/loader.css b/css/loader.css
index 7b921d313..c23dfb52f 100644
--- a/css/loader.css
+++ b/css/loader.css
@@ -105,7 +105,7 @@
   animation: LOADERSPINNER 5s linear infinite;
 }
 .loaderoverlay .loaderlabel {
-  color: #66ff33;
+  color: #6f3;
   text-transform: uppercase;
   font-family: sans-serif;
   font-size: 22px;
@@ -140,9 +140,9 @@ button[type="button"] {
 .loaderoverlay .loaderspinner,
 .loaderoverlay .loaderspinner:before,
 .loaderoverlay .loaderspinner:after {
-  border-top-color: #66ff33!important;
-  border-bottom-color:#66ff33 !important;
+  border-top-color: #6f3!important;
+  border-bottom-color:#6f3 !important;
 }
 .loaderoverlay .loaderlabel {
-  color: #66ff33;
+  color: #6f3;
 }
\ No newline at end of file
diff --git a/css/menupages.css b/css/menupages.css
index 2e1264f4f..a73822fa2 100644
--- a/css/menupages.css
+++ b/css/menupages.css
@@ -85,7 +85,7 @@
     padding-bottom: 0px;
     float:center;
     background-color: #555;
-    color: #ffffff;
+    color: #fff;
 }
 
 #script-editor-filename {
@@ -93,7 +93,7 @@
     display: inline-block;
 	float: center;
 	resize: none;
-	color: #ffffff;
+	color: #fff;
     margin: 4px;
 
     padding:  2px;
@@ -112,20 +112,20 @@
 
 #script-editor-status {
 	float: left;
-	color: #ffffff;
+	color: #fff;
 }
 
 #script-editor-options-panel {
     position:absolute;
     right: 9%;
     bottom:15%;
-    border:2px solid #ffffff;
+    border:2px solid #fff;
     width:19%;
     background-color:#444;
     padding:2px;
     overflow:auto;
     z-index: 1;
-    color: #ffffff;
+    color: #fff;
 }
 
 #script-editor-options-panel fieldset {
@@ -155,7 +155,7 @@
 .active-scripts-server-header {
     background-color: #444;
     font-size: 20px;
-    color: #ffffff;
+    color: #fff;
     margin: 6px 6px 0px 6px;
     padding: 6px;
     cursor: pointer;
@@ -177,7 +177,7 @@
 .active-scripts-server-header:after {
     content: '\02795'; /* "plus" sign (+) */
     font-size: 13px;
-    color: #ffffff;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -185,7 +185,7 @@
 .active-scripts-server-header.active:after {
     content: "\2796"; /* "minus" sign (-) */
     font-size: 13px;
-    color: #ffffff;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -255,7 +255,7 @@
 .active-scripts-script-panel li {
     background-color: #555;
     width: auto;
-    color: #ffffff;
+    color: #fff;
     margin-left: 5%;
 }
 
@@ -276,7 +276,7 @@
 
 .active-scripts-button:hover,
 .active-scripts-button:focus {
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -539,7 +539,7 @@
 #infiltration-left-panel,
 #infiltration-right-panel {
     display:inline-block;
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     width: 35%;
     height: 75%;
     top: 10px;
@@ -548,7 +548,7 @@
 }
 
 #infiltration-faction-select {
-    color:#ffffff;
+    color:#fff;
 }
 
 #infiltration-left-panel p,
@@ -582,12 +582,12 @@
     padding: 4px;
     margin: 2px;
     background-color: #000;
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     color: var(--my-font-color);
 }
 
 .stock-market-position-text {
-    color:#ffffff;
+    color:#fff;
     display:inline-block;
 }
 
@@ -598,7 +598,7 @@
 
 .stock-market-order-cancel-btn {
     background-color: #000;
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     color: var(--my-font-color);
     margin: 2px;
     padding: 0px;
diff --git a/css/missions.css b/css/missions.css
index 4f93b0ec2..6406699f5 100644
--- a/css/missions.css
+++ b/css/missions.css
@@ -33,7 +33,7 @@
 
 .hack-mission-node p {
     margin-top:8px;
-    color:#ffffff;
+    color:#fff;
     font-size:12px;
     text-align:center;
     -webkit-user-select: none;
@@ -43,17 +43,17 @@
 }
 
 .hack-mission-player-node {
-    color:#ffffff;
+    color:#fff;
     background-color:#00f;
 }
 
 .hack-mission-player-node-active {
-    border: 2px solid #ffffff;
-    background-color: #6666ff;
+    border: 2px solid #fff;
+    background-color: #66f;
 }
 
 .hack-mission-enemy-node {
-    color:#ffffff;
+    color:#fff;
     background-color:#f00;
 }
 
@@ -82,7 +82,7 @@
     -webkit-transform: skew(-20deg);
 	-moz-transform: skew(-20deg);
 	-o-transform: skew(-20deg);
-    color:#ffffff;
+    color:#fff;
     font-size:12px;
     margin-top: 8px;
     text-align:center;
@@ -104,7 +104,7 @@
     -webkit-transform: skew(20deg);
 	-moz-transform: skew(20deg);
 	-o-transform: skew(20deg);
-    color:#ffffff;
+    color:#fff;
     font-size:12px;
     margin-top: 8px;
     text-align:center;
@@ -128,5 +128,5 @@
 }
 
 .hack-mission-action-buttons-container {
-    border: 2px solid #ffffff;
+    border: 2px solid #fff;
 }
diff --git a/css/popupboxes.css b/css/popupboxes.css
index 74faeeacc..35ae48ae5 100644
--- a/css/popupboxes.css
+++ b/css/popupboxes.css
@@ -28,7 +28,7 @@
     font-weight: bold;
     padding: 2px;
     margin: 6px;
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     background-color:#000;
 }
 
@@ -46,7 +46,7 @@
 
 #yes-no-text-input-box-input {
     color: var(--my-font-color);
-    border: 1px solid #ffffff;
+    border: 1px solid #fff;
     background-color:#000;
 }
 
@@ -103,7 +103,7 @@
 
 .dialog-box-close-button:hover,
 .dialog-box-close-button:focus,{
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -131,7 +131,7 @@
 
 /* Generic Yes No Box */
 #yes-no-text-input-box-input {
-    color: #ffffff;
+    color: #fff;
 }
 
 /* Game Options */
@@ -163,7 +163,7 @@
     font-weight: bold;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
-    border-radius: 12px #ffffff;
+    border-radius: 12px #fff;
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
@@ -171,7 +171,7 @@
 
 #game-options-close-button:hover,
 #game-options-close-button:focus {
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
diff --git a/css/styles.css b/css/styles.css
index 695745aec..5ef165ddb 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,7 +1,7 @@
 :root{
-    --my-font-color: #66ff33;
-    --my-background-color: #000000;
-    --my-highlight-color: #ffffff;
+    --my-font-color: #6f3;
+    --my-background-color: #000;
+    --my-highlight-color: #fff;
 }
 
 * {
@@ -65,7 +65,7 @@ tr:focus {
     overflow: auto;
 
     border: 0;
-	border-bottom: 1px solid #000000;
+	border-bottom: 1px solid #000;
 	border-radius: 0;
 	background-color: #333;
 }
@@ -84,13 +84,13 @@ tr:focus {
 .mainmenu>li a:hover:not(.active),
 .mainmenu>li a:focus {
     background-color: #777;
-    color: #ffffff;
+    color: #fff;
 }
 
 /* Panel headers can become active, and they are "lighter" than the rest */
 .mainmenu>li a.active {
     background-color: #777;
-    color: #ffffff;
+    color: #fff;
 }
 
 .mainmenu>li a.active:hover {
@@ -101,7 +101,7 @@ tr:focus {
 .mainmenu-accordion-header:after {
     content: '\02795';
     font-size: 13px;
-    color: #ffffff;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -123,21 +123,21 @@ tr:focus {
 
 /* Borders */
 .mainmenu-accordion-header {
-    border:2px solid #ffffff;
+    border:2px solid #fff;
 }
 
 /* Make html links ("a" elements) nice looking buttons with this class */
 a:link, a:visited {
-    color:#ffffff;
+    color:#fff;
 }
 
 .a-link-button {
     text-decoration: none;
     background-color: #555;
-    color: #ffffff;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #333333;
+    border: 1px solid #333;
 
     -moz-user-select: none;
     -ms-user-select: none;
@@ -159,10 +159,10 @@ a:link, a:visited {
 .a-link-button-inactive {
     text-decoration: none;
     background-color: #333;
-    color: #ffffff;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #333333;
+    border: 1px solid #333;
     cursor: default;
 }
 
@@ -179,11 +179,11 @@ a:link, a:visited {
 /* Make anchor tags ("a" elements) for activated actions */
 .a-link-button-bought {
     text-decoration: none;
-    background-color: #00aa00;
-    color: #ffffff;
+    background-color: #0a0;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #00aa00;
+    border: 1px solid #0a0;
     cursor: default;
 }
 
@@ -198,12 +198,12 @@ a:link, a:visited {
 }
 
 .dropdown {
-    color:#ffffff;
+    color:#fff;
     background-color:#000;
 }
 
 .text-input {
-    color:#ffffff;
+    color:#fff;
     background-color:#000;
 }
 
@@ -221,7 +221,7 @@ a:link, a:visited {
 
 .notification-on {
     background-color: #fa3e3e;
-    color: #ffffff;
+    color: #fff;
     border-radius: 2px;
     padding: 1px 3px;
 }
@@ -244,7 +244,7 @@ a:link, a:visited {
     width: 300px;
     background-color: var(--my-background-color);
     border: 2px solid var(--my-highlight-color);;
-    color: #ffffff;
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 101%;
@@ -259,7 +259,7 @@ a:link, a:visited {
     width: 300px;
     background-color: var(--my-background-color);
     border: 2px solid var(--my-highlight-color);;
-    color: #ffffff;
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 101%;
@@ -276,7 +276,7 @@ a:link, a:visited {
     width: 300px;
     background-color: var(--my-background-color);
     border: 2px solid var(--my-highlight-color);;
-    color: #ffffff;
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 40%;
@@ -298,7 +298,7 @@ a:link, a:visited {
     padding:1px;
     margin-left:3px;
     color:#fff;
-    border:1px solid #ffffff;
+    border:1px solid #fff;
     border-radius:5px;
     display:inline-block;
 }
@@ -316,25 +316,25 @@ a:link, a:visited {
 /* Flashing button (Red) */
 @-webkit-keyframes glowing {
     0% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
-    50% { background-color: #ff0000; -webkit-box-shadow: 0 0 40px #ff0000; }
+    50% { background-color: #f00; -webkit-box-shadow: 0 0 40px #f00; }
     100% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
 }
 
 @-moz-keyframes glowing {
     0% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
-    50% { background-color: #ff0000; -moz-box-shadow: 0 0 40px #ff0000; }
+    50% { background-color: #f00; -moz-box-shadow: 0 0 40px #f00; }
     100% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
 }
 
 @-o-keyframes glowing {
     0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
-    50% { background-color: #ff0000; box-shadow: 0 0 40px #ff0000; }
+    50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
     100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
 @keyframes glowing {
     0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
-    50% { background-color: #ff0000; box-shadow: 0 0 40px #ff0000; }
+    50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
     100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
@@ -409,7 +409,7 @@ a:link, a:visited {
 
 #status-text {
     font-size: 20px;
-    color: #ffffff;
+    color: #fff;
     right: 0;
     bottom: 0;
     padding: 4px;
@@ -441,7 +441,7 @@ a:link, a:visited {
 #character-overview-text {
     padding: 4px;
     margin: 8px;
-    color: #ffffff;
+    color: #fff;
     background-color: #444;
 }
 
@@ -464,7 +464,7 @@ a:link, a:visited {
 #character-overview-save-button:focus,
 #character-overview-options-button:hover,
 #character-overview-options-button:focus {
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -476,7 +476,7 @@ a:link, a:visited {
 /* Scan analyze links from AutoLink */
 .scan-analyze-link {
     cursor:pointer;
-    color:#ffffff;
+    color:#fff;
     text-decoration:underline;
 }
 .scan-analyze-link:hover {
@@ -487,7 +487,7 @@ a:link, a:visited {
 .accordion-header {
     background-color: #444;
     font-size: 20px;
-    color: #ffffff;
+    color: #fff;
     margin: 6px 6px 0px 6px;
     padding: 6px;
     cursor: pointer;
@@ -509,7 +509,7 @@ a:link, a:visited {
 .accordion-header:after {
     content: '\02795'; /* "plus" sign (+) */
     font-size: 13px;
-    color: #ffffff;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -517,7 +517,7 @@ a:link, a:visited {
 .accordion-header.active:after {
     content: "\2796"; /* "minus" sign (-) */
     font-size: 13px;
-    color: #ffffff;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
diff --git a/css/workinprogress.css b/css/workinprogress.css
index ca3bb9b5a..a13664e72 100644
--- a/css/workinprogress.css
+++ b/css/workinprogress.css
@@ -25,7 +25,7 @@
     margin: 10px;
     padding: 5px;
     border-radius: 12px;
-    border: 3px solid #ffffff;
+    border: 3px solid #fff;
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
@@ -33,7 +33,7 @@
 
 #work-in-progress-cancel-button:hover,
 #work-in-progress-cancel-button:focus {
-    color: #ffffff;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -51,5 +51,5 @@
 }
 .bitnode:hover,
 .bitnode-destroyed:hover {
-    color:#ffffff;
+    color:#fff;
 }
diff --git a/stylelint.config.js b/stylelint.config.js
index 4c6a5b8a2..646bbafa9 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -43,7 +43,7 @@ module.exports = {
 //        "block-opening-brace-newline-before": "never-single-line",
 //        "block-opening-brace-space-before": "always",
         "color-hex-case": "lower",
-//        "color-hex-length": "short",
+        "color-hex-length": "short",
         "color-named": "never",
         //"color-no-hex": true,
         "color-no-invalid-hex": true,