1 files changed, 195 insertions, 158 deletions
diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index 556183f..6da0590 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -1,11 +1,24 @@
-html {
-  background-color: #001f2c;
-}
+/* Dark Semantic CSS */
+
+::selection {
+  color: #000;
+  background-color: #999;
+}
+
+::-webkit-selection {
+  color: #000;
+  background-color: #999;
+}
+
+::-moz-selection {
+  color: #000;
+  background-color: #999;
+}
+
 a {
   color: #75b2f0;
 }
-a:focus,
-a:focus span {
+a:focus {
   color: #fff;
   background-color: #005d85;
 }
@@ -16,197 +29,239 @@ a:hover img {
 a:focus img {
   outline: 9px dashed #75b2f0;
 }
-a.navbar-item:hover {
-  color: #fff !important;
-}
+
 img {
   box-shadow: none;
   filter: brightness(75%);
 }
+
+html {
+  background-color: #001f2c;
+}
+
 body,
-.document h1 a,
-.document h2 a,
-.document h3 a,
-nav#TableOfContents a {
+resume-page article > section h1 {
   color: #cad6e2;
 }
-.document a {
-  color: #eee;
-}
-.article__list li:hover,
-nav#TableOfContents li:hover {
-  background-color: #002e42;
-}
-.leftnote,
-.rightnote,
-mark {
-  color: #a9bdd0;
-}
-.medium-zoom-overlay {
+
+body .medium-zoom-overlay {
   background-color: #001f2c;
   background-color: rgba(0, 31, 44, 0.9);
 }
-.navbar-item,
-.subtitle,
-.has-text-grey-dark {
-  color: #fff !important;
+
+video {
+  color: transparent;
 }
-.dropdown-content {
+
+body > nav {
   background-color: #002e42;
-  border: 1px solid #00405c;
-}
-.dropdown-content a.navbar-item:hover,
-.dropdown-content .theme-toggle-button:hover {
-  color: #fff;
-  background-color: #005d85;
-}
-.dropdown-content .navbar__active {
-  background-color: #004766;
-}
-.has-text-danger {
-  color: #ff8f93 !important;
-}
-.has-text-primary {
-  color: #a6c9e8 !important;
-}
-.footer a {
-  color: #bbb;
+  box-shadow: 0 0px 10px 0 #000;
 }
-.footer {
-  padding: 1.5rem;
-}
-.navbar {
-  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
-}
-.navbar,
-.navbar-menu {
+
+input,
+textarea {
   background-color: #002e42;
-  background-color: rgba(0, 46, 66, 0.95);
-}
-a.navbar-item:focus,
-a.navbar-item:hover,
-.navbar-item:hover label {
+  border-color: transparent;
   color: #fff;
 }
-.navbar__icon:hover svg,
-.navbar__icon:hover svg,
-.navbar__icon:hover label svg {
-  fill: #af0c00;
-}
-.title,
-.content h1,
-.content h2,
-.content h3 {
-  color: #ddd;
-}
-.button.is-link.is-outlined,
-.button.is-success.is-outlined {
-  border-color: #cad6e2;
-  color: #cad6e2;
-  border-width: 1px;
-}
-.input,
-.textarea {
-  background-color: #002e42;
-  border-color: transparent;
-  color: white;
+
+article a,
+body > footer a,
+article-subsection a {
+  color: #eee;
 }
-.item__box {
+
+button,
+button-anchor a,
+pagination-controller a,
+input[type="submit"],
+input[type="button"] {
   color: #fff;
   background-color: #004766;
+  box-shadow: none;
 }
-.item__box:hover,
-.item__box:hover svg,
-.item__box:focus svg {
+
+button:hover,
+button-anchor a:hover,
+pagination-controller a,
+input[type="submit"]:hover,
+input[type="button"]:hover {
+  background-color: #005980;
+}
+
+button:hover svg,
+button-anchor:hover svg {
   color: #fff;
+  fill: #0961aa;
+}
+
+nav column-middle > a,
+nav column-middle > a[data-active],
+nav column-middle context-menu a,
+nav column-middle context-menu a[data-active],
+nav column-middle context-menu button,
+nav column-middle more-button {
+  color: #f1f1f1;
+}
+
+nav column-middle > a[data-active] svg {
+  fill: #0961aa;
+}
+
+a,
+home-page article a,
+recent-articles h2 a {
+  color: #75b2f0;
 }
-.message__success {
-  background-color: #55a1ec;
-  border: 1px solid #1259a1;
-  color: black;
+
+article > mark,
+margin-note-aside:hover label span,
+margin-note-aside:hover margin-note a,
+margin-note-aside:hover margin-note mark,
+side-note-aside:hover label span,
+side-note-aside:hover side-note a,
+side-note-aside:hover side-note mark {
+  background-color: #042f52;
+  color: #fff;
 }
-.pagination-link.is-current {
-  background-color: #004766;
-  border-color: #00608a;
-  color: #fff !important;
+
+input,
+button,
+textarea,
+input[type="submit"],
+input[type="button"],
+button-anchor a,
+home-page label,
+home-page article > h1,
+pagination-controller a {
+  color: #fff;
 }
-.pagination-previous,
-.pagination-next,
-.pagination-link {
-  border-color: #002e42;
-  color: #cad6e2;
-  min-width: 2.25em;
+
+footer,
+footer a,
+body > footer,
+figcaption,
+figcaption code,
+article-archive-list time,
+article-meta-bottom a,
+article-meta-bottom,
+article-meta-top a,
+article-meta-top,
+article-more-content time,
+article-on-web time,
+article-summary-meta,
+blockquote-footer,
+home-page article > h2,
+margin-note[left],
+margin-note[right],
+side-note[left],
+side-note[right],
+table-contents a,
+table-contents h2,
+taxonomy-archive-list time,
+taxonomy-list time,
+video-container footer a {
+  color: #bfbfbf;
+}
+
+nav column-middle > a:hover,
+nav column-middle more-button:hover {
+  color: #fff;
 }
-.pagination-previous:hover,
-.pagination-next:hover,
-.pagination-link:hover,
-.pagination-previous.disabled,
-.pagination-next.disabled {
-  color: #cad6e2;
+
+nav column-middle a:hover svg,
+nav column-middle more-button:hover svg {
+  fill: #dd4b50;
 }
-.pagination-previous.disabled,
-.pagination-next.disabled {
+
+context-menu-content {
   background-color: #002e42;
-  border-color: #002e42;
-  color: #fff;
+  border-color: #00405c;
 }
-.navbar__active {
-  color: #fff !important;
+
+nav column-middle context-menu a[data-active] {
+  background-color: #004766;
 }
-.navbar__active svg {
-  fill: #0073ca;
+
+nav column-middle context-menu a:hover,
+nav column-middle context-menu button:hover {
+  color: #fff;
+  background-color: #005d85;
 }
-@media screen and (max-width: 1087px) {
-  .theme-toggle-button {
-    color: #cad6e2;
-  }
+
+article-archive-list li:hover,
+taxonomy-list > section ul li:hover,
+taxonomy-archive-list > section ul li:hover {
+  background-color: #002e42;
 }
-#isso-thread > h4 {
-  color: #b7c7d7;
+
+resume-page timeline-item aside {
+  border: 3px solid #001f2c;
 }
-#isso-thread .textarea.placeholder {
-  color: #cad6e2;
+
+home-page article > h1 em {
+  color: #f48a8e;
 }
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
-  background-color: #002e42;
-  color: white;
+
+[data-danger] {
+  color: #ff8585;
 }
-.isso-postbox > .form-wrapper .textarea,
-.isso-postbox > .form-wrapper .preview {
+
+contact-page aside {
   background-color: #002e42;
+  border-color: #008fcc;
 }
-.isso-comment > div.text-wrapper > .isso-comment-header .author {
-  color: #fff;
-}
-.isso-comment-footer .upvote svg,
-.isso-comment-footer .downvote svg {
-  fill: white;
-}
+
+/* ---------------------------------------------------------- */
+
 input::placeholder,
 textarea::placeholder {
   color: #cad6e2;
 }
+
 input::-moz-placeholder,
 textarea::-moz-placeholder {
   color: #cad6e2;
 }
+
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
   color: #cad6e2;
 }
+
 input:-moz-placeholder,
 textarea:-moz-placeholder {
   color: #cad6e2;
 }
+
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   color: #cad6e2;
 }
-.isso-postbox > .form-wrapper > .auth-section .post-action > input {
-  border: 1px solid #557181;
-  background-color: transparent;
+
+#isso-thread > h4 {
+  color: #b7c7d7;
+}
+
+#isso-thread .textarea.placeholder {
+  color: #cad6e2;
+}
+
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
+  background-color: #002e42;
   color: white;
 }
+
+.isso-comment .textarea,
+.isso-postbox > .form-wrapper .textarea,
+.isso-postbox > .form-wrapper .preview {
+  background-color: #002e42;
+}
+
+.isso-comment > div.text-wrapper > .isso-comment-header .author {
+  color: #ccc;
+}
+
 .isso-postbox > .form-wrapper .preview {
   background-color: #001f2c;
   background: repeating-linear-gradient(
@@ -217,29 +272,11 @@ textarea:-ms-input-placeholder {
     #002e42 20px
   );
 }
+
 .isso-comment > div.text-wrapper > .isso-comment-header .permalink {
   color: #ccc;
 }
+
 .isso-comment > div.text-wrapper > .text a {
   color: #cad6e2;
 }
-.is-success:focus,
-.is-link:focus {
-  background-color: #75b2f0 !important;
-  color: #121212 !important;
-  border-color: #75b2f0 !important;
-}
-.timeline .timeline-item .timeline-marker {
-  border: 3px solid #001f2c !important;
-}
-article > mark,
-.sidenote-container:hover .sidenote-mark span,
-.sidenote-container:hover .sidenote mark,
-.marginnote-container:hover .marginnote-mark span,
-.marginnote-container:hover .marginnote mark,
-.sidenote-container:hover .sidenote a,
-.marginnote-container:hover .marginnote a {
-  color: #fcfcfc;
-  background-color: #005d85;
-  border-color: #af0c00;
-}