dark theme

src/isnd/wwwroot/css/site.css

@@ -1,52 +0,0 @@
-.body-container {
-  margin-top: 60px;
-  padding-bottom: 40px; }
-
-.welcome-page li {
-  list-style: none;
-  padding: 4px; }
-
-.logged-out-page iframe {
-  display: none;
-  width: 0;
-  height: 0; }
-
-.grants-page .card {
-  margin-top: 20px;
-  border-bottom: 1px solid lightgray; }
-  .grants-page .card .card-title {
-    font-size: 120%;
-    font-weight: bold; }
-    .grants-page .card .card-title img {
-      width: 100px;
-      height: 100px; }
-  .grants-page .card label {
-    font-weight: bold; }
-
-.expired {
-  color: white;
-  background-color: red;
-}
-
-.ok {
-  font-weight: bolder;
-  color: white;
-  background-color: #009220;
-}
-
-
-.nomoretam {
-  font-weight: bolder;
-  color: black;
-  background-color: orange;
-}
-
-.ok a {
-  color: rgb(47, 228, 228);
-  background-color: black;
-}
-
-.ok a:hover {
-  color: rgb(119, 255, 255);
-  background-color: black;
-}

src/isnd/wwwroot/css/site.scss

@@ -1,4 +1,7 @@
-
+// Your variable overrides
+$body-bg: rgb(39, 39, 39);
+$body-color: rgb(255, 255, 255);
+
 @import "../lib/bootstrap/scss/bootstrap";
 
 .body-container {
@@ -48,5 +51,40 @@ $theme-colors: (
   "primary": #0074d9,
   "danger": #ff4136
 );
+  
+.welcome-page li {
+list-style: none;
+padding: 4px; }
 
+.logged-out-page iframe {
+display: none;
+width: 0;
+height: 0; }
 
+.expired {
+color: white;
+background-color: red;
+}
+
+.ok {
+font-weight: bolder;
+color: white;
+background-color: #009220;
+}
+
+.nomoretam {
+font-weight: bolder;
+color: black;
+background-color: orange;
+}
+
+.ok a {
+color: rgb(47, 228, 228);
+background-color: black;
+}
+
+.ok a:hover {
+color: rgb(119, 255, 255);
+background-color: black;
+}
+