Updated highlighted text color

microsoft · Jan 29, 2024 · f93b379 · f93b379
1 parent f0f595f
commit f93b379
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 42 deletions.
diff --git a/src/EventLogExpert/App.xaml b/src/EventLogExpert/App.xaml
@@ -7,7 +7,7 @@
         <ResourceDictionary>
 
             <Color x:Key="PageBackgroundColor">#3C64E7</Color>
-            <Color x:Key="PrimaryTextColor">White</Color>
+            <Color x:Key="PrimaryTextColor">#eee</Color>
 
             <Style TargetType="Label">
                 <Setter Property="TextColor" Value="{DynamicResource PrimaryTextColor}" />

diff --git a/src/EventLogExpert/Components/EventTable.razor.css b/src/EventLogExpert/Components/EventTable.razor.css
@@ -43,47 +43,48 @@ th, td {
 
 tr { height: 22px; }
 
+.error { color: var(--clr-red); }
+
+.warning { color: var(--clr-yellow); }
+
 .selected {
     background-color: var(--clr-lightblue) !important;
     color: var(--background-darkgray) !important;
+
+    & span.error { color: var(--background-darkgray) !important; }
+
+    & span.warning { color: var(--background-darkgray) !important; }
 }
 
 .table-row { cursor: pointer; }
 
-.table-row.blue {
-    background-color: var(--highlight-blue) !important;
-    color: var(--clr-lightgray) !important;
-}
+.table-row.blue,
+.table-row.green,
+.table-row.red,
+.table-row.yellow,
+.table-row.maroon,
+.table-row.orange,
+.table-row.pink {
+    color: var(--clr-white) !important;
 
-.table-row.green {
-    background-color: var(--highlight-green) !important;
-    color: var(--clr-lightgray) !important;
-}
+    & span.error { color: var(--clr-white) !important; }
 
-.table-row.red {
-    background-color: var(--highlight-red) !important;
-    color: var(--clr-lightgray) !important;
+    & span.warning { color: var(--clr-white) !important; }
 }
 
-.table-row.yellow {
-    background-color: var(--highlight-yellow) !important;
-    color: var(--clr-lightgray) !important;
-}
+.table-row.blue { background-color: var(--highlight-blue) !important; }
 
-.table-row.maroon {
-    background-color: var(--highlight-maroon) !important;
-    color: var(--clr-lightgray) !important;
-}
+.table-row.green { background-color: var(--highlight-green) !important; }
 
-.table-row.orange {
-    background-color: var(--highlight-orange) !important;
-    color: var(--clr-lightgray) !important;
-}
+.table-row.red { background-color: var(--highlight-red) !important; }
 
-.table-row.pink {
-    background-color: var(--highlight-pink) !important;
-    color: var(--clr-lightgray) !important;
-}
+.table-row.yellow { background-color: var(--highlight-yellow) !important; }
+
+.table-row.maroon { background-color: var(--highlight-maroon) !important; }
+
+.table-row.orange { background-color: var(--highlight-orange) !important; }
+
+.table-row.pink { background-color: var(--highlight-pink) !important; }
 
 .activity-id { width: 270px; }
 
@@ -102,7 +103,3 @@ tr { height: 22px; }
 .task { width: 200px; }
 
 .description { width: 100%; }
-
-.error { color: var(--clr-red); }
-
-.warning { color: var(--clr-yellow); }
diff --git a/src/EventLogExpert/Components/StatusBar.razor.css b/src/EventLogExpert/Components/StatusBar.razor.css
@@ -1,6 +1,6 @@
 .status-bar {
     background-color: var(--clr-statusbar);
-    color: white;
+    color: var(--clr-white);
     padding-left: 5px;
 }
 

diff --git a/src/EventLogExpert/wwwroot/css/app.css b/src/EventLogExpert/wwwroot/css/app.css
@@ -3,8 +3,9 @@
 
 :root {
     --clr-lightblue: #9CDCFE;
-    --clr-lightgray: rgb(164 185 192);
-    --clr-black: #111111;
+    --clr-lightgray: #A4B9C0;
+    --clr-white: #eee;
+    --clr-black: #111;
     --clr-red: #ee0d0d;
     --clr-green: #0dee0d;
     --clr-yellow: #eeff0d;
@@ -14,13 +15,13 @@
     --background-dark: #222222;
     --background-darkgray: #353535;
 
-    --highlight-blue: rgb(36 92 146);
-    --highlight-green: rgb(21 146 21);
-    --highlight-red: rgb(146 21 21);
-    --highlight-yellow: rgb(146 146 21);
-    --highlight-maroon: rgb(146 21 146);
-    --highlight-orange: rgb(146 102 21);
-    --highlight-pink: rgb(138 85 138);
+    --highlight-blue: #245C92;
+    --highlight-green: #159215;
+    --highlight-red: #921515;
+    --highlight-yellow: #929215;
+    --highlight-maroon: #921592;
+    --highlight-orange: #926615;
+    --highlight-pink: #8A558A;
 }
 
 ::-webkit-scrollbar {