fixing inconsistencies in coloring.

[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index 2c7164c..2cfa690 100644 (file)
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -55,12 +55,23 @@ a { outline: none; }
   --link-visited: #e7b788;
   --border: 34,40,49,0.035;
   --accent: #FD7014;
-  ---svg-color: red;
-  --file-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxkZWZzPgogICA8c3R5bGUgaWQ9ImN1cnJlbnQtY29sb3Itc2NoZW1lIiB0eXBlPSJ0ZXh0L2NzcyI+CiAgIC5Db2xvclNjaGVtZS1UZXh0IHsgY29sb3I6ICM5Mzk1OTc7IH0gLkNvbG9yU2NoZW1lLUhpZ2hsaWdodCB7IGNvbG9yOiAjNTI5NGUyOyB9CiAgPC9zdHlsZT4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImFycm9uZ2luIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZGQ5YjQ0OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2FkNmMxNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImF1cm9yYSIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA5RDRERjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5MjY5RjQ7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJjeWJlcm5lb24iIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6ICMwYWJkYzY7IHN0b3Atb3BhY2l0eTogMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjogI2VhMDBkOTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImZpdGRhbmNlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMUFENkFCOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzMyOURCNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9Im9vbW94IiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZDg5MDAwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzcyNGIwMDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InJhaW5ibHVlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMDBGMjYwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA1NzVFNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InN1bnJpc2UiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNGRjg1MDE7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjRkZDQjAxOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0idGVsaW5rcmluIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjYjJjZWQ2OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzZkYTViNzsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9IjYwc3BzeWNobyIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2RmNTk0MDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2Q4ZDE1Zjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2U5ODgyYTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICMyNzkzNjI7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSI5MHNzdW1tZXIiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmNjE4Yzc7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5NGZmYWI7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmYmZkNTQ7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMGY4M2FlOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogPC9kZWZzPgogPHBhdGggZmlsbD0idXJsKCNvb21veCkiIGNsYXNzPSJDb2xvclNjaGVtZS1UZXh0IiBkPSJtIDEsMCB2IDE2IGggOSAwLjc1IEwgMTUsMTEuNzUgViAxMSAwIFogbSAxLDEgaCAxMiB2IDEwIGggLTQgdiA0IEggMiBaIG0gMiwyIHYgMSBoIDggViAzIFogbSAwLDIgdiAxIGggOCBWIDUgWiBtIDAsMiB2IDEgaCA4IFYgNyBaIG0gMCwyIHYgMSBIIDcgViA5IFoiLz4KPC9zdmc+Cg==");
-  --dir-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxkZWZzPgogICA8c3R5bGUgaWQ9ImN1cnJlbnQtY29sb3Itc2NoZW1lIiB0eXBlPSJ0ZXh0L2NzcyI+CiAgIC5Db2xvclNjaGVtZS1UZXh0IHsgY29sb3I6ICM5Mzk1OTc7IH0gLkNvbG9yU2NoZW1lLUhpZ2hsaWdodCB7IGNvbG9yOiAjMUFENkFCOyB9CiAgPC9zdHlsZT4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImFycm9uZ2luIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZGQ5YjQ0OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2FkNmMxNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImF1cm9yYSIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA5RDRERjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5MjY5RjQ7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJjeWJlcm5lb24iIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6ICMwYWJkYzY7IHN0b3Atb3BhY2l0eTogMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjogI2VhMDBkOTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImZpdGRhbmNlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMUFENkFCOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzMyOURCNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9Im9vbW94IiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjZDg5MDAwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzcyNGIwMDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InJhaW5ibHVlIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMDBGMjYwOyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzA1NzVFNjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9InN1bnJpc2UiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNGRjg1MDE7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjRkZDQjAxOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0idGVsaW5rcmluIiB4MT0iMCUiIHgyPSIwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+CiAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjYjJjZWQ2OyBzdG9wLW9wYWNpdHk6IDEiLz4KICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjogIzZkYTViNzsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9IjYwc3BzeWNobyIgeDE9IjAlIiB4Mj0iMCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2RmNTk0MDsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2Q4ZDE1Zjsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdHlsZT0ic3RvcC1jb2xvcjogI2U5ODgyYTsgc3RvcC1vcGFjaXR5OiAxIi8+CiAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6ICMyNzkzNjI7IHN0b3Atb3BhY2l0eTogMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGxpbmVhckdyYWRpZW50IGlkPSI5MHNzdW1tZXIiIHgxPSIwJSIgeDI9IjAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmNjE4Yzc7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3R5bGU9InN0b3AtY29sb3I6ICM5NGZmYWI7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3R5bGU9InN0b3AtY29sb3I6ICNmYmZkNTQ7IHN0b3Atb3BhY2l0eTogMSIvPgogICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiAjMGY4M2FlOyBzdG9wLW9wYWNpdHk6IDEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogPC9kZWZzPgogPHBhdGggZmlsbD0idXJsKCNvb21veCkiIGNsYXNzPSJDb2xvclNjaGVtZS1UZXh0IiBkPSJNIDMuOTk0IDEgQyAyLjczNiAxLjAxNSAxLjgxNSAwLjk3MSAxLjA2MiAxLjM4NyBDIDAuNjcyIDEuNjA4IDAuMzc0IDEuOTYxIDAuMjIyIDIuMzgzIEMgMC4wNTggMi44MjEgMCAzLjM0MyAwIDQgTCAwIDEyIEMgMCAxMi42NTggMC4wNTggMTMuMTc5IDAuMjIzIDEzLjYxNyBDIDAuMzg3IDE0LjA1NiAwLjY4NiAxNC40MDcgMS4wNjMgMTQuNjE1IEMgMS44MTUgMTUuMDMxIDIuNzM2IDE0Ljk4NSAzLjk5NCAxNSBMIDEyLjAwNiAxNSBDIDEzLjI2NCAxNC45ODUgMTQuMTg1IDE1LjAzIDE0LjkzOCAxNC42MTUgQyAxNS4zMTQgMTQuNDA4IDE1LjYxMyAxNC4wNTUgMTUuNzc4IDEzLjYxNyBDIDE1Ljk0MiAxMy4xNzkgMTYgMTIuNjU3IDE2IDEyIEwgMTYgNiBDIDE2IDUuMzQyIDE1Ljk0MiA0LjgyMSAxNS43NzcgNC4zODMgQyAxNS43NTcgNC4zMjggMTUuNzI5IDQuMjc5IDE1LjcwMyA0LjIyOSBMIDE1LjY3NiA0LjE3MiBDIDE1LjUxNCAzLjg0MiAxNS4yNTcgMy41NjggMTQuOTM4IDMuMzg1IEMgMTQuMTg1IDIuOTY5IDEzLjI2NCAzLjAxNSAxMi4wMDYgMyBMIDguOTY3IDMgTCA2Ljk0NSAxIEwgMy45OTYgMSBMIDMuOTk0IDEgWiIvPgo8L3N2Zz4K");
-  --ref-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSJ2YXIoLS1zdmctY29sb3IpIiBkPSJNMzIwIDMzNmM0NC4yIDAgODAtMzUuOCA4MC04MHMtMzUuOC04MC04MC04MHMtODAgMzUuOC04MCA4MHMzNS44IDgwIDgwIDgwem0xNTYuOC00OEM0NjIgMzYxIDM5Ny40IDQxNiAzMjAgNDE2cy0xNDItNTUtMTU2LjgtMTI4SDMyYy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMySDE2My4yQzE3OCAxNTEgMjQyLjYgOTYgMzIwIDk2czE0MiA1NSAxNTYuOCAxMjhINjA4YzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMySDQ3Ni44eiIvPjwvc3ZnPg==");
-  --tag-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUZZ+h9RwAAAGZQTFRFAAAAtrYkwMBAwMBAx8c4yso11NQ71NQ51dU52Ng71tY519c719c719c62Ng719c719c62Ng72dk62Ng62Ng72Ng72dk62Ng72Ng62dk62dk72dk62Ng62dk72Ng72Ng72dk7////ou/AnQAAACB0Uk5TAAYHCxESLjRCWWlqa4uNkpissbrO19jc3ufs8vf6/f7atAU2AAAAAWJLR0QhxGwNFgAAAF1JREFUGFeNy0cOgCAABVGw94rY5d//lC7omhhn+ZIh5Gf1xPk0Zi5dAABROIQjSU/fsAXhDkCUljAv8jW2wlQpaixpo4Nj+dtatVpjkSJjLNaizRVpvhBCu/4h391jzw1lU12Z7wAAAABJRU5ErkJggg==);
-  --branch-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSYDsafX/gAAAUpJREFUOMvVkjFLA0EQhd/s7l06MSCihbV/wC5/QBDEIFYWprRIIQQJFqKFQi4kUbBQsFSwtrUQLQULUTBFLCzVIgimCXe7z0q5yIWcqfRVwzDzMTNvgL8mSUqWw3JOtFQJdsIwLDYyjdYgkEmkazl2oVtQWk36nn8AYBYASmFpxmizGtnoqO7Vb+M9KglEkASdpWU872nvVCiPRpuTnz2JIHGyqX3d0kZfR1G0Ht+g/do+FIhOBbLW3n/FNb/28D0puZ+dyL44ur1UoH5yzt2JyIj6UGdDgwrPhYzSagNEszJaeU/lWlylbmnaeGZZICsAppxzi6nt73HK85oQCMknOuarpno+FIjglVjZDXaCS2yDv3rIHlCb88FY0BlUl3hs7ektkhckb5DFWhoz+n12zr7ZPLpYUqLm0oBMn8NUzLhpAgjpWMS/1CcSJ3ykD7Rk1QAAAABJRU5ErkJggg==);
+  --shadow: 0,0,0,0.2;
+  --bluish-grey: #282d3d;
+  --dark-grey: #393E46;
+  --light-grey: #ababcf;
+/* Icons */
+  --file-icon: url("file-dark.svg");
+  --dir-icon: url("folder-dark.svg");
+  --ref-icon: url("commit-dark.svg");
+  --tag-icon: url("tag-dark.svg");
+  --branch-icon: url("merge-dark.svg");
+  --rss-icon:url("rss-dark.svg");
+  --opml-icon:url("opml-dark.svg");
+/* social colors */
+  --twitter: #1DA1F2;
+  --instagram: #E4405F;
+  --spotify: #1ed760;
+  --github: #6e5494;
 }
 @media screen and (prefers-color-scheme: dark) {
   :root {
@@ -68,12 +79,19 @@ a { outline: none; }
     --bg-alt: #222831;
     --fg: #D8D9CF;
     --border: 216,217,207,0.2;
-    --dir-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIj4KIDxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0gMy45OTQgMSBDIDIuNzM2IDEuMDE1IDEuODE1IDAuOTcxIDEuMDYyIDEuMzg3IEMgMC42NzIgMS42MDggMC4zNzQgMS45NjEgMC4yMjIgMi4zODMgQyAwLjA1OCAyLjgyMSAwIDMuMzQzIDAgNCBMIDAgMTIgQyAwIDEyLjY1OCAwLjA1OCAxMy4xNzkgMC4yMjMgMTMuNjE3IEMgMC4zODcgMTQuMDU2IDAuNjg2IDE0LjQwNyAxLjA2MyAxNC42MTUgQyAxLjgxNSAxNS4wMzEgMi43MzYgMTQuOTg1IDMuOTk0IDE1IEwgMTIuMDA2IDE1IEMgMTMuMjY0IDE0Ljk4NSAxNC4xODUgMTUuMDMgMTQuOTM4IDE0LjYxNSBDIDE1LjMxNCAxNC40MDggMTUuNjEzIDE0LjA1NSAxNS43NzggMTMuNjE3IEMgMTUuOTQyIDEzLjE3OSAxNiAxMi42NTcgMTYgMTIgTCAxNiA2IEMgMTYgNS4zNDIgMTUuOTQyIDQuODIxIDE1Ljc3NyA0LjM4MyBDIDE1Ljc1NyA0LjMyOCAxNS43MjkgNC4yNzkgMTUuNzAzIDQuMjI5IEwgMTUuNjc2IDQuMTcyIEMgMTUuNTE0IDMuODQyIDE1LjI1NyAzLjU2OCAxNC45MzggMy4zODUgQyAxNC4xODUgMi45NjkgMTMuMjY0IDMuMDE1IDEyLjAwNiAzIEwgOC45NjcgMyBMIDYuOTQ1IDEgTCAzLjk5NiAxIEwgMy45OTQgMSBaIi8+Cjwvc3ZnPgo=');
+    --shadow: 255,255,255,0.2;
+  --file-icon: url("file.svg");
+  --dir-icon: url("folder.svg");
+  --ref-icon: url("commit.svg");
+  --tag-icon: url("tag.svg");
+  --branch-icon: url("merge.svg");
+  --rss-icon:url("rss.svg");
+  --opml-icon:url("opml.svg");
   }
 }
 
 
-/* General
+/* Main
 ---------------------------------------------------------------------------- */
 
 html {
@@ -111,7 +129,7 @@ a:hover {
 }
 
 td.list a[href*='tree'], td.list a[href*='blob'] {
-  padding-left: 20px;
+  padding-left: 40px;
   display: block;
   float: left;
   height: 32px;
@@ -142,7 +160,7 @@ td, th {
 
 #generating_info {
   font-size: 10px;
-  color: #aaa;
+  color: var(--fg);
   text-align: center;
 }
 
@@ -153,6 +171,7 @@ td, th {
 /* Page Header
 ---------------------------------------------------------------------------- */
 
+/* breadcrumbs */
 .page_header {
   height: 50px;
   line-height: 50px;
@@ -160,11 +179,7 @@ td, th {
   padding: 0 27px;
   margin-bottom: 20px;
   font-size: 20px;
-  font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
+  font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
   border-bottom: 1px solid rgba(var(--border));
 }
 
@@ -191,72 +206,100 @@ td, th {
   margin-right: 5px;
 }
 
+.page_header:before {
+  content: 'You\'re in: ';
+}
+
 /* Page Footer
 ---------------------------------------------------------------------------- */
 
-.page_footer {
-  position: absolute;
-  left: 0;
-  bottom: 0;
+.page_footer,
+.site-footer {
+  background-color: var(--bluish-grey);
+  color: var(--light-grey);
   width: 100%;
-  height: 80px;
-  line-height: 80px;
-  margin-top: 15px;
-  background: var(--bg);
-  border-top: 2px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  margin: 0;
+}
+
+.page_footer {
+  height: 40px;
+  line-height: 40px;
 }
 
 .page_footer_text {
-  color: var(--fg);
+  text-align: right;
+  padding-right: 2em;
   display: inline;
-  float: left;
-  margin-left: 25px;
-  width: 80%;
+  float: right;
+  width: calc(100% - 2em);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-a.rss_logo {
-  float: right;
-  padding: 3px 1px;
-  width: 35px;
-  line-height: 10px;
-  border: 1px solid;
-  border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
-  color: #ffffff;
-  background-color: #ff6600;
-  font-weight: bold;
-  font-family: sans-serif;
-  font-size: 80%;
-  text-align: center;
-  text-decoration: none;
-  margin-top: 30px;
-  margin-left: 5px;
+.site-footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+  align-items: center;
+  align-content: stretch;
 }
 
-a.rss_logo:hover {
-  background-color: #ee5500;
+.site-footer .columns {
+  display: block;
+  flex-grow: 1;
+  flex-basis: auto;
+  align-self: stretch;
+  order: 0;
 }
 
-.rss_logo {
-  margin-right: 25px;
-  background: yellow;
+.social-links ul li {
+  display: inline-block;
+  margin: 1em;
 }
 
-.rss_logo:last-child {
-  margin-right: 5px;
+.social-links ul li a {
+  height: 32px;
+  text-align: center;
+}
+.social-links ul li.spotify a {
+  color: var(--spotify);
+}
+.social-links ul li.twitter a {
+  color: var(--twitter);
+}
+.social-links ul li.instagram a {
+  color: var(--instagram);
+}
+.social-links ul li.github a {
+  color: var(--github);
+}
+
+a.rss_logo,
+div.social-links ul li a span,
+div.page_header a img.logo {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
 }
 
+
 /* Index include
 ---------------------------------------------------------------------------- */
 
 .index_include {
   width: 95%;
   margin: 0 auto 15px;
-  background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
-  border: 1px solid var(--border);
   padding: 8px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
@@ -273,32 +316,33 @@ a.rss_logo:hover {
 .history {
   width: 95%;
   margin: 0 auto 15px auto;
-  border: 1px solid var(--border);
-  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-  box-shadow: 0 0 3px rgba(0,0,0,0.2);
+  border: 1px solid rgba(var(--border));
+  -moz-box-shadow: 0 0 3px rgba(var(--shadow));
+  -webkit-box-shadow: 0 0 3px rgba(var(--shadow));
+  box-shadow: 0 0 3px rgba(var(--shadow));
 }
 
 .project_list th,
 .shortlog th,
 .tree th,
 .commit_search th {
-  color: #afafaf;
-  font-weight: normal;
+/*  background-color: var(--bluish-grey);
+  color: var(--light-grey);
+  font-weight: normal;*/
 }
 
 .project_list th {
-  font-weight: bold;
+/*  font-weight: bold;*/
 }
 
 .project_list tr,
 .shortlog tr,
 .tree tr,
 .commit_search tr {
-  background: #eaeaea;
+/*  background: var(--light-grey);
   height: 2.5em;
   text-align: left;
-  color: #545454;
+  color: var(--fg);*/
 }
 
 .project_list tr.dark, .project_list tr.light,
@@ -307,20 +351,17 @@ a.rss_logo:hover {
 .commit_search tr.dark, .commit_search tr.light,
 .history tr.dark, .history tr.light,
 .heads tr.dark, .heads tr.light {
-  background: #F9F9F9; /* old browsers */
-  background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */
-  background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
+/*  background-color: var(--bg-alt);
+  color: var(--fg);
   height: 2.5em;
-  border-bottom: 1px solid #e1e1e1;
+  border-bottom: 1px solid rgba(var(--border));*/
 }
 
 th .header {
-  background: transparent;
+/*  background: transparent;
   border: 0;
   padding: 0;
-  font-weight: bold;
+  font-weight: bold;*/
 }
 
 .tree {
@@ -331,7 +372,7 @@ th .header {
 .projsearch {
   position: absolute;
   right: 4%;
-  top: 15px;
+  top: 40px;
 }
 
 .projsearch a {
@@ -339,7 +380,7 @@ th .header {
 }
 
 .commit_search {
-  background: #eaeaea;
+  background: var(--fg);
 }
 
 .page_nav,
@@ -347,26 +388,29 @@ th .header {
 .page_path,
 .search {
   width: 94%;
-  background: #eaeaea;
-  color: #545454;
-  border: 1px solid #d8d8d8;
+  color: var(--fg);
   padding: 5px;
   margin: 0 auto 15px auto;
 }
+.page_nav {
+  text-align: center;
+}
 
 .history {
   background: #eaeaea;
 }
 
 .title {
+  font-size: 2em;
+  text-transform: capitalize;
   margin: 0 auto 15px auto;
   padding: 5px;
   width: 95%;
 }
 
 .readme {
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
+  background: var(--bg-alt);
+  border: 1px solid rgba(var(--border));
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -420,14 +464,15 @@ th .header {
   margin-bottom: 0;
 }
 
-.readme pre {
-  font-family: monospace;
+.readme pre,
+.readme code {
+  font-family: 'Red Hat Mono', monospace;
   margin: 1em 0;
   white-space: pre;
 }
 
 .readme tt, .readme code, .readme kbd, .readme samp {
-  font-family: monospace;
+  font-family: 'Red Hat Mono', monospace;
 }
 
 .readme blockquote {
@@ -437,27 +482,24 @@ th .header {
 .projects_list,
 .tags {
   width: 95%;
-  background: #f0f0f0;
-  color: #545454;
-  border: 1px solid #d8d8d8;
+  background: var(--bluish-grey);
+  color: var(--light-grey);
   padding: 5px;
   margin: 0 auto 15px auto;
 }
 
 .heads {
   width: 95%;
-  color: #545454;
-  border: 1px solid #d8d8d8;
+  color: var(--fg);
   padding: 5px;
   margin: 0 auto 15px auto;
 }
 
 .header {
-  width: 94%;
+  text-transform: capitalize;
   margin: 0 auto 15px auto;
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
   padding: 5px;
+  width: 95%;
 }
 
 .header .age {
@@ -469,17 +511,14 @@ th .header {
 
 .title_text {
   width: 94%;
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
+  background: var(--bg-alt);
   padding: 5px;
   margin: 0 auto 0 auto;
 }
 
 .log_body {
   width: 94%;
-  background: #eaf2f5;
-  border: 1px solid #bedce7;
-  border-top: 0;
+  background: var(--bg-alt);
   padding: 5px;
   margin: 0 auto 15px auto;
 }
@@ -487,16 +526,14 @@ th .header {
 .page_body {
   line-height: 1.4em;
   width: 94%;
-  background: #f8f8f8;
-  border: 1px solid #d8d8d8;
+  background: var(--bg-alt);
   padding: 5px;
   margin: 15px auto 15px auto;
 }
 
 .diff_tree {
   width: 95%;
-  background: #f0f0f0;
-  border: 1px solid #d8d8d8;
+  background: var(--bg-alt);
   padding: 5px;
   margin: 0 auto 15px auto;
 }
@@ -517,10 +554,11 @@ th .header {
 .author_date .avatar {
   position: relative;
   top: 3px;
+  width: 32;
+  height: 32;
 }
 
 .object_header .avatar {
-  border: 1px solid #D8D8D8;
   float: right;
 }
 
@@ -536,9 +574,7 @@ span.refs span {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #eee;
-  border: 1px solid #ccc;
-  border-radius: 3px;
+  background-color: var(--bg);
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
@@ -548,9 +584,7 @@ span.refs span.ref {
   color: #707070;
   display: inline-block;
   margin: 0;
-  background-color: #c4c4ff;
-  border: 1px solid #7878ff;
-  border-radius: 3px;
+  background-color: var(--bg-alt);
   height: 18px;
   padding: 0 6px;
   text-overflow: ellipsis;
@@ -594,7 +628,7 @@ span.refs span.head {
 
 span.refs a {
   color: #4e4e4e;
-  font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
+  font: 11px "Red Hat Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
   line-height: 18px;
 }
 
@@ -621,21 +655,25 @@ div.diff.from_file {
 }
 
 .chunk_header {
-  background: #eaf2f5;
+  background: var(--bg-alt);
   color: #999;
 }
 
 .rem {
   background: #ffdddd;
+  color: var(--dark-grey);
 }
 .rem .marked {
   background: #ffaaaa;
+  color: var(--dark-grey);
 }
 .add {
   background: #ddffdd;
+  color: var(--dark-grey);
 }
 .add .marked {
   background: #7dff7d;
+  color: var(--dark-grey);
 }
 
 .extended_header {
@@ -650,7 +688,7 @@ div.chunk_block div.old {
   float: left;
   width: 50%;
   overflow: hidden;
-  border-right: 5px solid #EAF2F5;
+  border-right: 5px solid var(--bg-alt);
 }
 
 div.chunk_block.rem,
@@ -671,23 +709,23 @@ div.chunk_block div.new .rem {
 div.chunk_block div.new {
   margin-left: 50%;
   width: 50%;
-  border-left: 5px solid #EAF2F5;
+  border-left: 5px solid var(--bg-alt);
 }
 
 /* Category
 ---------------------------------------------------------------------------- */
 
 td.category {
-  background: #E6F1F6; /* old browsers */
-  background: -moz-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8D8E7), color-stop(100%,#E6F1F3)); /* webkit */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8D8E7', endColorstr='#E6F1F3',GradientType=0 ); /* ie */
-  background: -o-linear-gradient(top, #C8D8E7 0%, #E6F1F3 100%);
+  background: var(--accent); /* old browsers */
+  color: var(--dark-grey);
+  padding-left: 3em;
   font-weight: bold;
-  border-bottom: 1px solid #D1D1D1;
-  border-top: 1px solid #D1D1D1;
+  border-bottom: 3px solid rgba(var(--border));
+  border-left: 3px solid rgba(var(--border));
+}
+td.category:before {
+  content: "Category: ";
 }
-
 /* Age
 ---------------------------------------------------------------------------- */
 
@@ -763,7 +801,7 @@ td.pre, div.pre, div.diff {
        top: 0; left: 0;
        border: 1px solid #d8d8d8;
        padding: 2px;
-       background-color: #f0f0f0;
+       background-color: var(--bg-alt);
        font-style: normal;
        color: #545454;
        cursor: auto;
@@ -818,6 +856,20 @@ div.site-header {
 div.site-header h1 {
   text-transform: uppercase;
   font-size: 2em;
+  padding: 0;
+  margin: 0;
+  line-height: 2em;
+}
+div.site-header h1 a,
+div.site-header h1 a:hover {
+  text-decoration: none;
+  color: var(--fg);
+}
+div.site-header h1 img.site-logo {
+  height: 50px;
+  width: auto;
+  position: relative;
+  top: 15px;
 }
 div.site-header h1 span.evident {
   background-color: var(--accent);