From d0a38818b2a5b94ef3e2f0be8329b2228d3ddcf6 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Mon, 25 Apr 2022 15:46:44 -0400 Subject: [PATCH] Improvements to HN Dark userstyle --- .DS_Store | Bin 0 -> 8196 bytes Userstyles/Hacker News Dark.css | 156 ++++++++++++++++++++++---------- 2 files changed, 110 insertions(+), 46 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..9d5018657ed452c47f60d805c5479be3a655eb09 GIT binary patch literal 8196 zcmeHMT}&KR6g~%NJ2Ry+v{V?DlXyl(#wzE4^m^jSPo!MO| z#bD}RjM4a$7=L4`Z*Ag}MjIdfX`?YQ68{o?&=((#MiZa(+_?j7DLj}MCF$Jc-gD=k zbMC$8yWh;s*#!WMXS7;?G5`>$GAVDQW`)A^tlm=c{E-5ZNd5p0xG)1I=+p~JfIxsi zfIxsifIxu2T10^EY*vI-?tQKe+5mw7f!h)R_I(IbWisZ=c`m(A2Q^*_K$4{ZUZFna z0iI9TmoZf{&p%mHIu z25o>qfWWN?u-8X|e#+N%NZ**hCv(nJ(zKJLzm}Xb4abc{zQ(-#f_3XR2qKkD;;G&V zJJ;)~ZpMkL>67f~gz8Qt{eGWqn@fE)Ibi6ygj~{UTdrzYdfIa~G@VRF2MtTJb8$Ok zX^uBfFIRXACFHW%*~Z4|aDDW^Ty=Q1w!R@+9gfyT=jKGAba!oY=jq9rbF=5?9(sw# zhyFJLik8Lu@@m1FPPUZ?oA=^ku-_~ND{WLdk4aq#d2^Ox=$Ud2+j0i7daGn zXUeutq;;krOxb2;(sB}VaY{8)8B=xj7SrrC&gssOt53VEH{#f7x79OD$a2QfAJECp z$m(rm?F<<-9W#?ryi~X~w6k(wq@n3Z+rp+hieyRJQZkq|93yG!!>W_gEzPjT`*Vio zPK*$2mTR0b^t31z=hyXF>ZHDKXK9(Nlq=g7y}0dlUqP-AhB8UxY{qbB_!>%hhbYMJ zjB2!!n+0GBpYu{>(ugLNvYaP4r-r6yY{zPbB`#>PTzxcw%k>!KOl&* z)^Dmw-Smf|2WjZ|V3wol4>sQ?h{aevl(Hu$DISLpEAduAkgtxhwYyZu?U~XoTHcE; ztQ-}DVWw%(G+h%aVte@6dkBaXv4~Fv0TigAJEa3giSbi#0iJ@V;Td=Z-h#{UE_?u= zz*V>gpTQUK9sCGC!>{lg{0@J>Unro65*DI@JFx~$-Tr=k zf!|YS#rKq`>%XUYV=GZN)PBFz@&8cw+d{_I;>}x1wr;Q3v%jwKaLdw>E<42=3FUE! zlf)y>B00RHyqS@7_DZ?5E!0mO)2FX9nlpTn@A3x5CV??Uxhu3IBr_WE$6cYykeo+M z=Z{sPeUh9{JQh9U8YvQz*AZp8wq9zGo4{0e@6pWqkxlh`L>5tb77$}xo7@oucby;zO=@m`D)4-esCY{#S6 zfyao8eK>%FIE*8hLLJZG1R5R_Gnm6^d>Aj_BgDri@L7D0IQar`@*=*ujDelY7x;u|Lv>){=YUiAM7eXAVA<>K>!QddfVbO)oPz_ zmTQNpo~FtQvzzDAbD@TruyHRPC%N>8A@#$)F6PU5E=fb>KmQ>hxc`Iu-(%kG-TV!~ CPwQ0x literal 0 HcmV?d00001 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