From ddb95d83257fad1508e81a45222fbf0d8a86cf26 Mon Sep 17 00:00:00 2001 From: Ethan Yoo Date: Fri, 28 Jun 2024 15:33:10 -0400 Subject: [PATCH] Increase contrast of buttons for improved web accessibility --- themes/geronimo/static/css/style.css | 85 +++++++++------------------- 1 file changed, 28 insertions(+), 57 deletions(-) diff --git a/themes/geronimo/static/css/style.css b/themes/geronimo/static/css/style.css index 0262ea3..b26bc14 100644 --- a/themes/geronimo/static/css/style.css +++ b/themes/geronimo/static/css/style.css @@ -1,21 +1,16 @@ html { overflow-y: scroll; - visibility: visible; - opacity: 1; } - a, a:link { text-decoration: none; color: #ace; } - a:hover { background: #2b5278; text-decoration: underline dotted; border: 1px solid; } - header a:link, header a:visited, footer a:link, @@ -24,7 +19,6 @@ aside a:visited, main a:visited { color: #fff; } - body { background: #10151a; color: #d3dae3; @@ -33,68 +27,81 @@ body { max-width: 50em; padding: 0 2em; } - h2, main h1 { text-align: center; } - h1 { font-size: 2em; } - h2 { font-size: 1.75em; } - h3 { font-size: 1.5em; } - article, main { padding: 4px 2px; } - blockquote { padding: 0.25em 1.5em; background: #ddd; color: #000; border-radius: 4px; } - code { background: #000; font: 1em/1.5 monospace, monospace; padding: 2px; } - img[src$='#center'] { display: block; margin-left: auto; margin-right: auto; } - .center { display: block; margin-left: auto; margin-right: auto; text-align: center; } - .post-title { line-height: 1.8; } - .subtitle { float: right; } - a.link-000 { background: transparent; border: none; } - +.letterboxd { + display: inline-block; + width: 1em; + margin-right: 0.25em; + vertical-align: middle; +} +a.link-letterboxd { + padding: 0.5em; + background-color: #202830; + border-radius: 3px; + padding-left: 0.25em; +} +.linkedin { + display: inline-block; + width: 1em; + margin-right: 0.25em; + vertical-align: middle; +} +a.link-linkedin { + padding: 0.5em; + background-color: #0077b5; + border-radius: 3px; + margin-right: 0.5em; + padding-left: 0.25em; + color: #fff; +} .nextcloud { width: 50px; height: 30px; @@ -105,7 +112,6 @@ a.link-000 { background-repeat: no-repeat; background-position: center center; } - a.link-nextcloud { padding: 10px; background-color: #0082c9; @@ -113,63 +119,28 @@ a.link-nextcloud { border-radius: 3px; padding-left: 4px; } - -.letterboxd { - display: inline-block; - width: 1em; - margin-right: 0.25em; - vertical-align: middle; -} - -a.link-letterboxd { - padding: 0.5em; - background-color: #202830; - border-radius: 3px; - padding-left: 0.25em; -} - -.linkedin { - display: inline-block; - width: 1em; - margin-right: 0.25em; - vertical-align: middle; -} - -a.link-linkedin { - padding: 0.5em; - background-color: #0077b5; - border-radius: 3px; - margin-right: 0.5em; - padding-left: 0.25em; - color: #fff; -} - .btn { display: block; margin: 0.5em auto; padding: 0.5em; border: none; border-radius: 3px; - background-color: #e36d25; + background-color: #ff8000; color: #000; cursor: pointer; width: fit-content; } - .btn:hover { background-color: #d15d27; } - a.btn:hover { text-decoration: none; border: none; } - a.btn:link, a.btn:visited { color: #000; } - a.link-letterboxd:link, a.link-letterboxd:visited, a.link-linkedin:link, @@ -210,4 +181,4 @@ a.link-linkedin:visited { font: 1em/1.5 monospace, monospace; padding: 2px; } -} +} \ No newline at end of file