styles

custom css
git clone git://git.pyratebeard.net/styles.git
Log | Files | Refs

commit 51509696109b6b8b034ac1b234f16e803190be83
parent 8d2b59725e78a806501dadad63ecd4895e6b8d2f
Author: pyratebeard <root@pyratebeard.net>
Date:   Mon, 22 Jan 2024 11:28:28 +0000

oldriceputin colourscheme

Diffstat:
Mgollum.css | 117+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------
Mstagit.css | 51++++++++++++++++++++++++++++++++++++---------------
2 files changed, 132 insertions(+), 36 deletions(-)

diff --git a/gollum.css b/gollum.css @@ -17,21 +17,32 @@ body, .markdown-body { color: #fbf0d2; font-family: 'main-font'; font-size: 16px; - letter-spacing: .3px; + letter-spacing: 1.1px; + line-height: 1.5; } +[open] > .btn, .btn { color: #fbf0d2; - background-color: #5e2d33; + background-color: #2b2f2e; box-shadow: none; border-bottom: none !important; } +a.btn { + color: #fbf0d2 !important; +} + .btn:active,.btn:hover,.btn:focus { - background-color: #9c353e; - color: #fbf0d2; + background-color: #aabb46; + color: #110f0d !important; + box-shadow: none; } +.btn:disabled { + background-color: #594646; + color: #110f0d; +} .form-control, .form-select { background-color: #110f0d; color: #bcc92e; @@ -40,7 +51,7 @@ body, .markdown-body { } .form-control:focus { - border-color: none; + border-color: #1f1d1b; box-shadow: none; } @@ -53,15 +64,18 @@ h1, h2, h3, h4 { font-family: 'main-font'; font-weight: normal; text-transform: lowercase; - color: #9c353e; } #head h1 { + color: #9c353e; font-size: 1.5em; } +h1.header-title { + color: #9c353e; +} .markdown-body h2, .markdown-body h3, .markdown-body h4 { - color: #9c353e; + color: #8b6268; font-weight: normal; border-bottom: none; text-transform: lowercase; @@ -83,16 +97,14 @@ h1, h2, h3, h4 { a, a:link, a:visited { - color: #e3d3a7; + color: #a4b810; text-decoration: none; - border-bottom: 1px dotted #caba8f; } a:active, a:hover, a:focus { - color: #887c5b; + color: #69c884; text-decoration: none; - border-bottom: 1px dotted #766d53; } .markdown-body a.anchor, .markdown-body a.anchor:link, @@ -106,7 +118,7 @@ a:focus { border-bottom: 0px !important; } .markdown-body code { - background-color: #5e2d33; + background-color: #363838; color: #fbf0d2; font-family: 'envy', mono; font-size: 13px; @@ -115,18 +127,19 @@ a:focus { border: 0px; } .markdown-body pre { - background: #110f0d; - color: #cbbe0c; + color: #dab733; font-family: 'envy', mono; - border-radius: 2px; - border-color: #1f1d1b; - border-width: 1px; - border-style: solid; overflow-x: auto; + border-radius: 0px; + border: 2px solid #9c353e; + border-left: 12px solid #9c353e; + background-color: #110f0d; display: table; + font-size: 0.9em; + padding: 0px; } .markdown-body pre code { - color: #cbbe0c; + color: #dab733; font-family: 'envy', mono; white-space: pre-wrap; background-color: #110f0d; @@ -142,20 +155,54 @@ a:focus { border-top: 1px solid #454545; } .border-top { - border-top: 1px solid #454545; + border-top: 1px solid #454545 !important; } .Box-row--hover-gray:hover { background-color: #1f1d1b; } +.Box-header { + background-color: #1f1d1b; + border-color: #454545; +} + +.pagination .previous_page, +.pagination .next_page { + color: #fbf0d2; +} +a.previous_page, +a.next_page, +a.previous_page:hover, a.previous_page:active, a.previous_page:focus, +a.next_page:hover, a.next_page:active, a.next_page:focus, { + border-bottom: 0px; + border-color: #1f1d1b; +} + +.text-gray-light { + color: #666 !important; +} + .highlight .nt { color: #bbbbbb; } .highlight .s2 { color: #dc7671; } +.highlight .gc { + background-color: #454545; + color: #fbf0d2; +} +.highlight .gd { + background-color: #1f1d1b; + color: #ae424b; +} +.highlight .gi { + background-color: #1f1d1b; + color: #bcc92e; +} + .markdown-body ul { - list-style: '- ' + list-style: '- '; } .markdown-body table thead { text-transform: lowercase; @@ -231,6 +278,9 @@ a:focus { #wiki-history table tr td.commit-name span.time-elapsed { color: #956c74; } +.compare .data table tr td.line_numbers { + border-right: 1px solid #454545; +} #error { background-color: #171717; border: none; @@ -253,3 +303,28 @@ a#page-info-toggle, span#last-edit-in-progress { color: #454545; border-bottom: 1px dotted #454545; } + +.bg-green-light { + background-color: #aabb46 !important; +} +.bg-red-light { + background-color: #c94539 !important; +} +.bg-green-light, +.bg-red-light { + color: #110f0d !important; +} +.SelectMenu-modal { + box-shadow: none; +} +.SelectMenu-modal, +.SelectMenu-divider, +.SelectMenu-item, +.SelectMenu-list { + border: 1px solid #454545; + border-bottom: 1px solid #454545; + background-color: #1f1d1b !important; +} +.border-bottom { + border-bottom: 1px solid #454545; +} diff --git a/stagit.css b/stagit.css @@ -21,18 +21,24 @@ body { color: #fbf0d2; - background-color: #22201d; - font-family: 'main-font'; + background-color: #1f1d1b; + font-family: 'main-font'; letter-spacing: 1.1px; - font-size: 0.9em; + font-size: 0.9em; line-height: 1.3; } h1, h2, h3, h4, h5, h6 { - color: #8e7a7a; font-size: 1em; margin: 0; } +h1 { + color: #9c353e; +} + +h2, h3, h4, h5, h6 { + color: #8b6268; +} img, h1, h2 { vertical-align: middle; @@ -43,15 +49,13 @@ img { } a { - color: #e3d3a7; + color: #a4b810; text-decoration: none; - border-bottom: 1px dotted #caba8f; } a:hover { - color: #887c5b; + color: #69c884; text-decoration: none; - border-bottom: 1px dotted #766d53; } #blob a { @@ -59,19 +63,28 @@ a:hover { } #blob a:hover { - color: #8e7a7a; + color: #69c884; text-decoration: none; } table thead td { font-weight: lighter; - color: #8e7a7a; + color: #8b6268; } table td { padding: 0 0.4em; } +table#files > tbody > tr:hover > td > a, +table#files > tbody > tr:hover > td > a:hover, +table#log > tbody > tr:hover > td > a, +table#log > tbody > tr:hover > td > a:hover, +table#index > tbody > tr:hover > td > a, +table#index > tbody > tr:hover > td > a:hover { + color: #110f0d; +} + #content table td { vertical-align: top; white-space: nowrap; @@ -82,8 +95,8 @@ table td { #index tr:hover td, #log tr:hover td, #files tr:hover td { - background-color: #604d50; - color: #fbf0d2; + background-color: #aabb46; + color: #110f0d; } #index tr td:nth-child(2), @@ -112,6 +125,12 @@ hr { pre { font-family: "envy"; font-size: 0.9em; + width: 80%; + overflow-x: auto; +} + +@media (max-width: 767px) { + hr, pre {width: 100%;} } pre a, @@ -121,7 +140,7 @@ pre a:hover { pre a.h { color: #fbf0d2; - background-color: #604d50; + background-color: #454545; } span.i, @@ -131,7 +150,7 @@ pre a.i { span.d, pre a.d { - color: #9c353e; + color: #ae424b; } pre a.h:hover, @@ -146,5 +165,7 @@ pre b { pre#blob { background-color: #110f0d; - color: #bcc92e; + /*color: #bcc92e;*/ + color: #dab733; + overflow-x: auto; }