diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..9d50186 Binary files /dev/null and b/.DS_Store differ diff --git a/Userstyles/Hacker News Dark.css b/Userstyles/Hacker News Dark.css index 8e0c96d..bd0422c 100644 --- a/Userstyles/Hacker News Dark.css +++ b/Userstyles/Hacker News Dark.css @@ -1,48 +1,135 @@ -@-moz-document domain("news.ycombinator.com") { +/* font family */ + +body, +td, +.title, +div.comment, +span.pagetop { + font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; +} + +/* background colors */ + body { background-color: #262626 !important; } -body > center > table, input, textarea { +table#hnmain, +input, +textarea { background-color: #222 !important; } -body > center > table > tbody > tr:first-child > td { +/* header */ + +table#hnmain > tbody > tr:first-child > td { background-color: #ff6600 !important; + padding: 4px; } -/* Bright text */ -td.title a:link, -span.comment font, -span.comment font a:link, -u a:link, -span.yclinks a:link, +b.hnname { + margin: 0 8px 0 4px; +} + +tr#pagespace { + height: 16px !important; +} + +/* text colors */ + +a:link { + color: #262626; +} + +td.title a:link, +span.comment font, +span.comment font a:link, +table.fatitem td, +u a:link, +span.yclinks a:link, body:not([id]), -td:nth-child(2):not(.subtext) > a:link, -input, -textarea, -p > a, -a > u, -.c00, +td:nth-child(2):not(.subtext) > a:link, +input, +textarea, +p > a, +a > u, +.c00, .c00 a:link, -a[href="http://www.ycombinator.com/apply/"], +a[href="http://www.ycombinator.com/apply/"], a[href="https://www.ycombinator.com/apply/"] { color: #dee2e6 !important; } -.admin td { - color: #aaa !important; +.title, +.admin td, +.subtext a:link, +.subtext a:visited, +.comhead a:link, +a:visited { + color: #8b949e; +} + +/* font size and white space improvements */ + +table.fatitem td, +td.title { + font-size: 16px; +} + +table.fatitem td { + line-height: 22px; +} + +table.fatitem td.subtext { + padding-bottom: 10px; +} + +span.pagetop { + font-size: 15px; +} + +span.pagetop > a { + margin: 0 3px; +} + +td.subtext { + font-size: 12px; + color: #8b949e; + padding-top: 5px; +} + +tr.spacer { + height: 10px !important; +} + +div.comment { + font-size: 14px; + line-height: 19px; } /* search box and comment box */ -input, textarea { - border: 1px solid #828282 !important; + +input, +textarea { + border: 2px solid #8b949e !important; } +textarea { + padding: 10px 16px; + border-radius: 16px; +} + +input { + padding: 6px 16px; + border-radius: 1000px; +} + +/* voting */ + .votearrow { position: relative; background: none; - margin: 4px 10px; + margin: 2px 10px 6px; } .votearrow::after { @@ -54,7 +141,7 @@ input, textarea { height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; - border-bottom: 9px solid #ccc; + border-bottom: 9px solid #ced4da; } a.nosee { @@ -65,27 +152,4 @@ a.nosee .votearrow::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #ff6600; -} - -.title { - font-family: Inter, sans-serif; - font-size: 16px; -} - -.subtext { - font-family: Inter, sans-serif; - font-size: 12px; - color: #aaa; - padding-top: 5px; -} - -tr.spacer { - height: 10px !important; -} - -.comment { - font-family: Inter, sans-serif; - font-size: 14px; - line-height: 1.25rem; -} -} +} \ No newline at end of file