From 9f3459a46f2d97db2354b77e62f428d800a408cf Mon Sep 17 00:00:00 2001
From: Steven Evans <kopelli@gmail.com>
Date: Mon, 9 Jul 2018 16:00:51 -0400
Subject: [PATCH] [refactor] Enabled Stylelint rule "color-named"

Going with no named colors for consistency.
---
 css/bladeburner.css         | 12 +++++------
 css/companymanagement.css   | 26 ++++++++++++------------
 css/interactivetutorial.css |  8 ++++----
 css/menupages.css           | 36 ++++++++++++++++-----------------
 css/missions.css            | 20 +++++++++----------
 css/popupboxes.css          | 18 ++++++++---------
 css/styles.css              | 40 ++++++++++++++++++-------------------
 css/workinprogress.css      | 10 +++++-----
 stylelint.config.js         |  2 +-
 9 files changed, 86 insertions(+), 86 deletions(-)

diff --git a/css/bladeburner.css b/css/bladeburner.css
index 2abbb9a99..86e4a86fd 100644
--- a/css/bladeburner.css
+++ b/css/bladeburner.css
@@ -7,7 +7,7 @@
 }
 
 .bladeburner-action {
-    border:1px solid white;
+    border:1px solid #ffffff;
     margin:7px;
     padding:7px;
     white-space: pre-wrap;
@@ -19,13 +19,13 @@
 
 /* Whatever action is currently active */
 .bladeburner-active-action {
-    border:4px solid white;
+    border:4px solid #ffffff;
 }
 
 /* Action & Skills panel navigation button */
 .bladeburner-nav-button {
-    border:1px solid white;
-    color:white;
+    border:1px solid #ffffff;
+    color:#ffffff;
     padding:2px;
     margin:2px;
 }
@@ -35,7 +35,7 @@
 }
 
 .bladeburner-nav-button-inactive {
-    border:1px solid white;
+    border:1px solid #ffffff;
     padding:2px;
     margin:2px;
     text-decoration: none;
@@ -48,7 +48,7 @@
 .bladeburner-console-div {
     display:inline-block;
     width:40%;
-    border:1px solid white;
+    border:1px solid #ffffff;
     overflow:auto;
     height:100%;
     position:absolute;
diff --git a/css/companymanagement.css b/css/companymanagement.css
index 77d7a5018..1a1cb56b3 100644
--- a/css/companymanagement.css
+++ b/css/companymanagement.css
@@ -8,9 +8,9 @@
 /* Header tabs */
 .cmpy-mgmt-header-tab {
     display: inline-block;
-    color: white;
+    color: #ffffff;
     background-color:#555;
-    border:1px solid white;
+    border:1px solid #ffffff;
     padding: 4px;
 }
 
@@ -25,9 +25,9 @@
 /* Switch between Cities */
 .cmpy-mgmt-city-tab {
     display:inline-block;
-    color: white;
+    color: #ffffff;
     background-color: #555;
-    border: 1px solid white;
+    border: 1px solid #ffffff;
     padding: 4px;
 }
 
@@ -55,27 +55,27 @@
 }
 
 .cmpy-mgmt-industry-overview-panel {
-    border: 1px solid white;
+    border: 1px solid #ffffff;
     color: var(--my-font-color);
     display:inline-block;
     width: 100%;
 }
 
 .cmpy-mgmt-employee-panel {
-    border: 1px solid white;
+    border: 1px solid #ffffff;
     display:block;
     width:100%;
 }
 
 .cmpy-mgmt-warehouse-panel {
-    border: 1px solid white;
+    border: 1px solid #ffffff;
     display:inline-block;
     width:100%;
 }
 
 /* Hiring new employees*/
 .cmpy-mgmt-find-employee-option {
-    border:1px solid white;
+    border:1px solid #ffffff;
     margin: 6px;
 }
 
@@ -86,17 +86,17 @@
 /* Warehouse */
 .cmpy-mgmt-warehouse-material-div {
     padding:2px;
-    border:1px solid white;
+    border:1px solid #ffffff;
 }
 
 .cmpy-mgmt-warehouse-product-div {
     padding:2px;
-    border:1px solid white;
+    border:1px solid #ffffff;
 }
 
 /* Exporting materials/products */
 .cmpy-mgmt-existing-export {
-    border:1px solid white;
+    border:1px solid #ffffff;
     border-radius:25px;
     margin:4px;
     padding:4px;
@@ -109,14 +109,14 @@
 
 /* Upgrades */
 .cmpy-mgmt-upgrade-container {
-    border:1px solid white;
+    border:1px solid #ffffff;
     width: 60%;
     margin:4px;
 }
 
 .cmpy-mgmt-upgrade-div {
     display:inline-block;
-    border:1px solid white;
+    border:1px solid #ffffff;
     margin:2px;
     padding:6px;
     border-radius:25px;
diff --git a/css/interactivetutorial.css b/css/interactivetutorial.css
index 95e51b380..6fe222a73 100644
--- a/css/interactivetutorial.css
+++ b/css/interactivetutorial.css
@@ -14,7 +14,7 @@
     width: 20%;
     overflow: auto; /* Enable scroll if needed */
     background-color: #444; /* Fallback color */
-    color: white;
+    color: #ffffff;
 }
 
 #interactive-tutorial-container > strong {
@@ -24,7 +24,7 @@
 #interactive-tutorial-text {
     padding: 4px;
     margin: 4px;
-    color: white;
+    color: #ffffff;
     background-color: #444;
 }
 
@@ -40,7 +40,7 @@
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
-    background-color:black;
+    background-color:#000;
 }
 
 #interactive-tutorial-exit {
@@ -62,7 +62,7 @@
 #interactive-tutorial-next:focus,
 #interactive-tutorial-back:hover,
 #interactive-tutorial-back:focus {
-    color: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
diff --git a/css/menupages.css b/css/menupages.css
index 8a73b0322..2e1264f4f 100644
--- a/css/menupages.css
+++ b/css/menupages.css
@@ -85,7 +85,7 @@
     padding-bottom: 0px;
     float:center;
     background-color: #555;
-    color: white;
+    color: #ffffff;
 }
 
 #script-editor-filename {
@@ -93,7 +93,7 @@
     display: inline-block;
 	float: center;
 	resize: none;
-	color: white;
+	color: #ffffff;
     margin: 4px;
 
     padding:  2px;
@@ -119,13 +119,13 @@
     position:absolute;
     right: 9%;
     bottom:15%;
-    border:2px solid white;
+    border:2px solid #ffffff;
     width:19%;
     background-color:#444;
     padding:2px;
     overflow:auto;
     z-index: 1;
-    color: white;
+    color: #ffffff;
 }
 
 #script-editor-options-panel fieldset {
@@ -155,7 +155,7 @@
 .active-scripts-server-header {
     background-color: #444;
     font-size: 20px;
-    color: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     float: right;
     margin-left: 5px;
 }
@@ -185,7 +185,7 @@
 .active-scripts-server-header.active:after {
     content: "\2796"; /* "minus" sign (-) */
     font-size: 13px;
-    color: white;
+    color: #ffffff;
     float: right;
     margin-left: 5px;
 }
@@ -255,7 +255,7 @@
 .active-scripts-script-panel li {
     background-color: #555;
     width: auto;
-    color: white;
+    color: #ffffff;
     margin-left: 5%;
 }
 
@@ -271,12 +271,12 @@
     box-shadow: 1px 1px 3px #000;
     margin: 4px;
     padding: 4px;
-    background-color:black;
+    background-color:#000;
 }
 
 .active-scripts-button:hover,
 .active-scripts-button:focus {
-    color: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -416,7 +416,7 @@
     margin: 6px;
     display: inline-block;
     color: var(--my-font-color);
-    background-color:black;
+    background-color:#000;
 }
 
 #faction-donate-amount-txt {
@@ -539,7 +539,7 @@
 #infiltration-left-panel,
 #infiltration-right-panel {
     display:inline-block;
-    border: 1px solid white;
+    border: 1px solid #ffffff;
     width: 35%;
     height: 75%;
     top: 10px;
@@ -548,7 +548,7 @@
 }
 
 #infiltration-faction-select {
-    color:white;
+    color:#ffffff;
 }
 
 #infiltration-left-panel p,
@@ -581,13 +581,13 @@
     display: inline-block;
     padding: 4px;
     margin: 2px;
-    background-color: black;
-    border: 1px solid white;
+    background-color: #000;
+    border: 1px solid #ffffff;
     color: var(--my-font-color);
 }
 
 .stock-market-position-text {
-    color:white;
+    color:#ffffff;
     display:inline-block;
 }
 
@@ -597,8 +597,8 @@
 }
 
 .stock-market-order-cancel-btn {
-    background-color: black;
-    border: 1px solid white;
+    background-color: #000;
+    border: 1px solid #ffffff;
     color: var(--my-font-color);
     margin: 2px;
     padding: 0px;
diff --git a/css/missions.css b/css/missions.css
index ee1a22e17..4f93b0ec2 100644
--- a/css/missions.css
+++ b/css/missions.css
@@ -25,7 +25,7 @@
 
 .hack-mission-node {
     z-index:5;
-    background-color:gray;
+    background-color:#808080;
     align-self: center;
     justify-self: center;
     display:inline-block;
@@ -33,7 +33,7 @@
 
 .hack-mission-node p {
     margin-top:8px;
-    color:white;
+    color:#ffffff;
     font-size:12px;
     text-align:center;
     -webkit-user-select: none;
@@ -43,18 +43,18 @@
 }
 
 .hack-mission-player-node {
-    color:white;
-    background-color:blue;
+    color:#ffffff;
+    background-color:#00f;
 }
 
 .hack-mission-player-node-active {
-    border: 2px solid white;
+    border: 2px solid #ffffff;
     background-color: #6666ff;
 }
 
 .hack-mission-enemy-node {
-    color:white;
-    background-color:red;
+    color:#ffffff;
+    background-color:#f00;
 }
 
 .hack-mission-cpu-node {
@@ -82,7 +82,7 @@
     -webkit-transform: skew(-20deg);
 	-moz-transform: skew(-20deg);
 	-o-transform: skew(-20deg);
-    color:white;
+    color:#ffffff;
     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:white;
+    color:#ffffff;
     font-size:12px;
     margin-top: 8px;
     text-align:center;
@@ -128,5 +128,5 @@
 }
 
 .hack-mission-action-buttons-container {
-    border: 2px solid white;
+    border: 2px solid #ffffff;
 }
diff --git a/css/popupboxes.css b/css/popupboxes.css
index 38bc7f503..74faeeacc 100644
--- a/css/popupboxes.css
+++ b/css/popupboxes.css
@@ -28,8 +28,8 @@
     font-weight: bold;
     padding: 2px;
     margin: 6px;
-    border: 1px solid white;
-    background-color:black;
+    border: 1px solid #ffffff;
+    background-color:#000;
 }
 
 .popup-box-button:hover,
@@ -46,8 +46,8 @@
 
 #yes-no-text-input-box-input {
     color: var(--my-font-color);
-    border: 1px solid white;
-    background-color:black;
+    border: 1px solid #ffffff;
+    background-color:#000;
 }
 
 .dialog-box-container,
@@ -103,7 +103,7 @@
 
 .dialog-box-close-button:hover,
 .dialog-box-close-button:focus,{
-    color: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -126,12 +126,12 @@
 }
 
 #infiltration-faction-select {
-    background-color:black;
+    background-color:#000;
 }
 
 /* Generic Yes No Box */
 #yes-no-text-input-box-input {
-    color: white;
+    color: #ffffff;
 }
 
 /* Game Options */
@@ -163,7 +163,7 @@
     font-weight: bold;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
-    border-radius: 12px white;
+    border-radius: 12px #ffffff;
     -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: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
diff --git a/css/styles.css b/css/styles.css
index 211fc85d2..e3c3d900c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -84,13 +84,13 @@ tr:focus {
 .mainmenu>li a:hover:not(.active),
 .mainmenu>li a:focus {
     background-color: #777;
-    color: white;
+    color: #ffffff;
 }
 
 /* Panel headers can become active, and they are "lighter" than the rest */
 .mainmenu>li a.active {
     background-color: #777;
-    color: white;
+    color: #ffffff;
 }
 
 .mainmenu>li a.active:hover {
@@ -101,7 +101,7 @@ tr:focus {
 .mainmenu-accordion-header:after {
     content: '\02795';
     font-size: 13px;
-    color: white;
+    color: #ffffff;
     float: right;
     margin-left: 5px;
 }
@@ -123,12 +123,12 @@ tr:focus {
 
 /* Borders */
 .mainmenu-accordion-header {
-    border:2px solid white;
+    border:2px solid #ffffff;
 }
 
 /* Make html links ("a" elements) nice looking buttons with this class */
 a:link, a:visited {
-    color:white;
+    color:#ffffff;
 }
 
 .a-link-button {
@@ -198,13 +198,13 @@ a:link, a:visited {
 }
 
 .dropdown {
-    color:white;
-    background-color:black;
+    color:#ffffff;
+    background-color:#000;
 }
 
 .text-input {
-    color:white;
-    background-color:black;
+    color:#ffffff;
+    background-color:#000;
 }
 
 /* Notification icon (for create program right now only) */
@@ -221,7 +221,7 @@ a:link, a:visited {
 
 .notification-on {
     background-color: #fa3e3e;
-    color: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     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 white;
+    border:1px solid #ffffff;
     border-radius:5px;
     display:inline-block;
 }
@@ -441,7 +441,7 @@ a:link, a:visited {
 #character-overview-text {
     padding: 4px;
     margin: 8px;
-    color: white;
+    color: #ffffff;
     background-color: #444;
 }
 
@@ -457,14 +457,14 @@ a:link, a:visited {
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
     height: 22px;
-    background-color:black;
+    background-color:#000;
 }
 
 #character-overview-save-button:hover,
 #character-overview-save-button:focus,
 #character-overview-options-button:hover,
 #character-overview-options-button:focus {
-    color: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -487,7 +487,7 @@ a:link, a:visited {
 .accordion-header {
     background-color: #444;
     font-size: 20px;
-    color: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     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: white;
+    color: #ffffff;
     float: right;
     margin-left: 5px;
 }
diff --git a/css/workinprogress.css b/css/workinprogress.css
index 80717fa3d..ca3bb9b5a 100644
--- a/css/workinprogress.css
+++ b/css/workinprogress.css
@@ -25,7 +25,7 @@
     margin: 10px;
     padding: 5px;
     border-radius: 12px;
-    border: 3px solid white;
+    border: 3px solid #ffffff;
     -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: white;
+    color: #ffffff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -44,12 +44,12 @@
 }
 
 .bitnode {
-    color:blue;
+    color:#00f;
 }
 .bitnode-destroyed {
-    color:red;
+    color:#f00;
 }
 .bitnode:hover,
 .bitnode-destroyed:hover {
-    color:white;
+    color:#ffffff;
 }
diff --git a/stylelint.config.js b/stylelint.config.js
index 6ddea46aa..83e05b8b2 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -44,7 +44,7 @@ module.exports = {
 //        "block-opening-brace-space-before": "always",
 //        "color-hex-case": "lower",
 //        "color-hex-length": "short",
-//        "color-named": "never",
+        "color-named": "never",
         //"color-no-hex": true,
         "color-no-invalid-hex": true,
 //        "comment-empty-line-before": "always",