selfhostable, read-only reddit client

fix colors, show gildings

authored by oppi.li and committed by PortableProgrammer 33544656 12fba690

Changed files
+16 -3
src
+4
src/mixins/comment.pug
··· 12 if prev_id 13 a(href=`#${prev_id}` title="scroll to previous comment").nav-link prev 14 |  ·  15 span(class=`${data.is_submitter ? 'op' : ''}`) 16 | u/#{data.author} #{hats.length==0?'':`(${hats.join('|')})`} 17 |  · 
··· 12 if prev_id 13 a(href=`#${prev_id}` title="scroll to previous comment").nav-link prev 14 |  ·  15 + if data.gilded > 0 16 + span.gilded 17 + | #{data.gilded} ☆ 18 + |  ·  19 span(class=`${data.is_submitter ? 'op' : ''}`) 20 | u/#{data.author} #{hats.length==0?'':`(${hats.join('|')})`} 21 |  · 
+4
src/mixins/post.pug
··· 14 div.info-container 15 p 16 | #{fmtnum(p.ups)} ↑ 17 span.post-author 18 |  ·  19 | u/#{p.author}
··· 14 div.info-container 15 p 16 | #{fmtnum(p.ups)} ↑ 17 + if p.gilded > 0 18 + |  ·  19 + span.gilded 20 + | #{p.gilded} ☆ 21 span.post-author 22 |  ·  23 | u/#{p.author}
+8 -3
src/public/styles.css
··· 5 --text-color: black; 6 --text-color-muted: #999; 7 --blockquote-color: green; 8 - --sticky-color: lightgreen; 9 --link-color: #29BC9B; 10 --link-visited-color: #999; 11 --accent: var(--link-color); ··· 23 --text-color: white; 24 --text-color-muted: #999; 25 --blockquote-color: lightgreen; 26 - --sticky-color: #034611; 27 --link-color: #79ffe1; 28 --link-visited-color: #999; 29 --accent: var(--link-color); ··· 654 color: var(--accent); 655 } 656 657 button { 658 border: 0px solid; 659 border-radius: 2px; ··· 803 border-radius: 2px; 804 border: 4px solid var(--sticky-color); 805 } 806 -
··· 5 --text-color: black; 6 --text-color-muted: #999; 7 --blockquote-color: green; 8 + --sticky-color: #dcfeda; 9 + --gilded: darkorange; 10 --link-color: #29BC9B; 11 --link-visited-color: #999; 12 --accent: var(--link-color); ··· 24 --text-color: white; 25 --text-color-muted: #999; 26 --blockquote-color: lightgreen; 27 + --sticky-color: #014413; 28 + --gilded: gold; 29 --link-color: #79ffe1; 30 --link-visited-color: #999; 31 --accent: var(--link-color); ··· 656 color: var(--accent); 657 } 658 659 + .gilded { 660 + color: var(--gilded); 661 + } 662 + 663 button { 664 border: 0px solid; 665 border-radius: 2px; ··· 809 border-radius: 2px; 810 border: 4px solid var(--sticky-color); 811 }