aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2021-06-18 20:05:55 -0400
committerThedro Neely <thedroneely@gmail.com>2021-06-18 20:05:55 -0400
commite4784e2bde41d1921db4e8cec352930c05780ce7 (patch)
treed4bb4c9087b9c598dd6470af39433a6bccb0bece
parente23ca7127c0375625e086078c942c98382bef68a (diff)
downloadthedroneely.com-e4784e2bde41d1921db4e8cec352930c05780ce7.tar.gz
thedroneely.com-e4784e2bde41d1921db4e8cec352930c05780ce7.tar.bz2
thedroneely.com-e4784e2bde41d1921db4e8cec352930c05780ce7.zip
public/css/tdro: Fix color contrast
-rw-r--r--public/css/tdro-dark.css7
-rw-r--r--public/css/tdro.css6
2 files changed, 7 insertions, 6 deletions
diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index fa8b455..b910cf6 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -2,7 +2,7 @@
html { background-color: #001f2c; }
a { color: #75b2f0; }
-a:focus, a:focus span { color: #fff; background-color: #3f5c00; }
+a:focus, a:focus span { color: #fff; background-color: #005d85; }
a:hover img { outline: 6px dashed #75b2f0; box-shadow: none; }
a:focus img { outline: 9px dashed #75b2f0; }
a.navbar-item:hover { color: #fff !important; }
@@ -14,7 +14,8 @@ body, .sans-serif a, .serif a, .document h2 a, .document h3 a, nav#TableOfConten
.navbar-item, .subtitle, .has-text-grey-dark { color: #ccc !important; }
.navbar-mobile .navbar__active, .navbar-end .navbar__active { color: #75b2f0 !important; }
.dropdown-content { background-color: #002e42; border: 1px solid #00405c; }
-.dropdown-content a.navbar-item:hover, .dropdown-content .theme-toggle-button:hover, .dropdown-content .navbar__active { background-color: #004766; }
+.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; }
@@ -55,4 +56,4 @@ input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cad6e2; }
.timeline .timeline-item .timeline-marker { border: 3px solid #001f2c !important; }
.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: #fff; background-color: #3f5c00; }
+.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { color: #fcfcfc; background-color: #005d85; }
diff --git a/public/css/tdro.css b/public/css/tdro.css
index b14a762..01d375a 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -3856,7 +3856,7 @@ blockquote > p.serif { font-size: 1.2rem !important; }
*/
a.navbar-item:focus, a.navbar-item:hover, .navbar-item:hover label { color: #000000; }
-.navbar__icon:hover svg, .navbar__icon:hover svg, .navbar__icon:hover label svg { fill: #ffdc9b; }
+.navbar__icon:hover svg, .navbar__icon:hover svg, .navbar__icon:hover label svg { fill: #ffc966; }
.navbar-item {
display: block;
@@ -4028,7 +4028,7 @@ h1.article__list:not(:first-child) { margin-top: 1.5rem; }
* Focus Links
*/
-a:focus, a:focus span { background-color: #fefe98; color: #014cc6; outline: none; }
+a:focus, a:focus span { background-color: #ffeac2; color: #0145b2; outline: none; }
a:focus img { outline: 2px solid; }
a:hover img { box-shadow: 0 8px 32px #999; }
figure > a:focus { background-color: transparent; }
@@ -4161,7 +4161,7 @@ mark { background-color: transparent; color: unset; }
.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 { background-color: #fefe98; color: #000; }
+.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { background-color: #ffeac2; color: #000; }
.sidenote-container:hover .sidenote a, .marginnote-container:hover .marginnote a { border-color: dodgerblue; }
.sideimage > a, .sideimage a:focus { border-bottom: 1px solid transparent !important; background-color: transparent !important; }