From a07678ca1ad4ab6d8b3ee58f5485ead054018c05 Mon Sep 17 00:00:00 2001 From: Jonathan Hodgson Date: Tue, 14 Jan 2020 12:17:21 +0000 Subject: [PATCH] Adds some more browser styles --- .../browseroverrides/less/github.less | 238 ++++++++++++++++++ .../browseroverrides/less/stackoverflow.less | 60 +++++ .../browseroverrides/less/wikipedia.less | 104 ++++++++ .../browseroverrides/manifest.json | 12 + 4 files changed, 414 insertions(+) create mode 100644 NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less create mode 100644 NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/github.less b/NOSTOW/firefoxExtentions/browseroverrides/less/github.less index e43cbf11..b02b15b5 100644 --- a/NOSTOW/firefoxExtentions/browseroverrides/less/github.less +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/github.less @@ -1,3 +1,241 @@ @import "gruvbox-colours.less"; +body{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} + +a{ + &, &:visited{ + color: @gb-dm-dark-aqua; + } +} + +.Box{ + background-color: @gb-dm-bg0; + border-color: @gb-dm-bg0-hard; +} +.Box-header{ + background-color: @gb-dm-bg0; + border-color: @gb-dm-bg0-hard; +} + +.link-gray{ + color: @gb-dm-fg3 !important; + &:hover{ + color: @gb-dm-dark-aqua !important; + } +} +.text-gray{ + color: @gb-dm-fg3 !important; +} + +.link-gray-dark{ + color: @gb-dm-fg4 !important; + &:hover{ + color: @gb-dm-dark-aqua !important; + } +} + +.State--green{ + background-color: @gb-dm-dark-green; +} + + + +/* + * Header +*/ +.pagehead{ + border-bottom-color: @gb-dm-bg0-soft; +} +.repohead.experiment-repo-nav{ + background-color: @gb-dm-bg0-hard; +} +.reponav-item{ + color: @gb-dm-fg0; + &:hover, &:focus{ + color: @gb-dm-dark-aqua; + } + &.selected{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; + border-top-color: @gb-dm-dark-orange; + border-left-color: @gb-dm-bg0-soft; + border-right-color: @gb-dm-bg0-soft; + } +} + +.gh-header{ + background-color: @gb-dm-bg0; +} +.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow{ + background-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; +} + +.subnav-item{ + border-color: @gb-dm-fg4; + color: @gb-dm-fg2; + &:hover, &:focus{ + background: @gb-dm-bg2; + } +} + +/* + * Code +*/ + +table.files{ + background-color: @gb-dm-bg0; +} + +table.files tr:nth-child(even) td{ + background-color: @gb-dm-bg1; +} +table.files tr.navigation-focus td, table.files tr[aria-selected="true"] td{ + background-color: @gb-dm-bg3; +} + +table.files td.icon{ + color: @gb-dm-dark-aqua; + .octicon{ + color: @gb-dm-dark-aqua; + } +} + +.blob-num{ + color: @gb-dm-fg0; +} + +.blob-code-inner{ + font-family: 'Iosevka'; +} + +/* + * Timeline +*/ +.timeline-comment{ + background-color: @gb-dm-bg0; + border-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; + + &.current-user{ + border-color: @gb-dm-dark-aqua; + .timeline-comment-header{ + background-color: @gb-dm-bg0; + } + } + + .timeline-comment-header{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; + .link-gray-dark{ + color: @gb-dm-fg0 !important; + } + } +} + +.border-md{ + border-color: @gb-dm-bg0-hard !important; +} + +.discussion-timeline-actions{ + background-color: @gb-dm-bg0; +} + +.markdown-body .highlight pre, .markdown-body pre{ + background-color: @gb-dm-bg0-hard; +} + + + + +/* + * Dropdowns +*/ + +.dropdown-menu{ + background-color: @gb-dm-bg0-hard; +} + +.dropdown-item{ + color: @gb-dm-fg0; +} +.dropdown-item:focus, .dropdown-item:hover{ + background-color: @gb-dm-dark-aqua; + color: @gb-dm-fg0; +} + +.discussion-sidebar-heading, +.discussion-sidebar-item{ + color: @gb-dm-fg0; +} + +.thread-subscription-status{ + background-color: @gb-dm-bg0; +} + +.SelectMenu-modal{ + background-color: @gb-dm-bg0-hard; +} +.SelectMenu-item{ + background-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; + border-bottom-color: @gb-dm-bg0-soft; + &:hover, &:focus{ + background-color: @gb-dm-dark-aqua; + } +} + + + +/* + * Issues +*/ +.Box-row--focus-gray.navigation-focus{ + background-color: @gb-dm-bg1; +} +.table-list-header-toggle .btn-link.selected, .table-list-header-toggle .btn-link.selected:hover{ + color: @gb-dm-fg0; +} + + +/* + * Forms +*/ + +.btn{ + background: @gb-dm-bg4; + color: @gb-dm-fg2; + &:hover,&:focus{ + background: @gb-dm-bg2; + } +} +.btn-primary{ + &,&:visited{ + background-color: @gb-dm-dark-aqua; + background-image: none; + //box-shadow: none; + color: @gb-dm-fg0; + } +} +.form-control, .form-select{ + color: @gb-dm-fg0; + background-color: @gb-dm-bg0; + border-color: @gb-dm-fg4; + &:focus{ + background-color: @gb-dm-bg0-hard; + border-color: @gb-dm-dark-aqua; + } +} + + + + + + + + + diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less b/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less new file mode 100644 index 00000000..c999f80e --- /dev/null +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less @@ -0,0 +1,60 @@ +@import "gruvbox-colours.less"; +body{ + background-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; +} +a,.question-hyperlink, .answer-hyperlink{ + color: @gb-dm-dark-aqua; + &:hover, &:focus{ + color: @gb-dm-light-aqua; + } +} +.nav-links .nav-links--link, .nav-links .nav-links--link:visited{ + color: @gb-dm-fg0; + &:hover{ + color: @gb-dm-dark-aqua; + } +} +.nav-links .youarehere .nav-links--link{ + color: @gb-dm-dark-aqua; +} +.post-text hr, .wmd-preview hr{ + color: @gb-dm-fg2; + background-color: @gb-dm-fg2; +} +#content{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; + border-color: @gb-dm-bg0-soft; +} + +#question-header .question-hyperlink{ + color: @gb-dm-fg0; +} + +.subheader{ + border-bottom-color: @gb-dm-fg2; + +} +.subheader h2{ + color: @gb-dm-fg0; +} + +ul.comments-list .comment > *{ + border-bottom-color: @gb-dm-fg2; +} + +.bc-black-2{ + border-color: @gb-dm-fg2 !important; +} + +.s-input, .s-textarea{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} +.wmd-button{ + filter: invert(1); + &:hover{ + filter: invert(0); + } +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less b/NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less new file mode 100644 index 00000000..7012ddaf --- /dev/null +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/wikipedia.less @@ -0,0 +1,104 @@ +@import "gruvbox-colours.less"; + +body, #mw-head{ + background-color: @gb-dm-bg0-hard; +} +.mw-body, .parsoid-body{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} + +#p-logo a{ + filter: invert(1); +} + +.vectorTabs{ + li{ + background: @gb-dm-bg0-hard; + a{ + color: @gb-dm-fg0; + } + } + .selected{ + background: @gb-dm-bg0; + a{ + &,&:visited{ + color: @gb-dm-fg0; + } + } + } +} + +a, #mw-panel .portal .body li a, .mw-parser-output a.external{ + color: @gb-dm-dark-aqua; + &:visited{ + color: @gb-dm-light-aqua; + } +} + +#mw-panel .portal h3{ + color: @gb-dm-fg0; +} + +.infobox, .mw-parser-output .quotebox, #catlinks{ + background-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; +} + +h1, h2, h3, h4, h5, h6{ + color: @gb-dm-fg0; +} + +.toc, .mw-warning, .toccolours{ + background-color: @gb-dm-bg0-soft; +} + +.tocnumber{ + color: @gb-dm-fg0; +} + +.wikitable{ + background-color: @gb-dm-bg0-soft; + color: @gb-dm-fg0; +} + +.wikitable > tr > th, .wikitable > * > tr > th{ + background-color: @gb-dm-bg0-hard; +} + +div.thumbinner{ + background-color: @gb-dm-bg0-hard; +} + +.mwe-popups{ + background-color: @gb-dm-bg0-hard; + .mwe-popups-container, + .mwe-popups-extract + { + color: @gb-dm-fg0; + &::after{ + content: none; + } + } + &.flipped-y, + &.flipped-x-y{ + &::before, + &::after{ + border-top-color: @gb-dm-bg0-hard; + } + } + &, + &.flipped-x{ + &::before, + &::after{ + border-bottom-color: @gb-dm-bg0-hard; + } + } + +} +.mwe-popups-settings-icon{ + color: @gb-dm-fg0; + &:hover{ + background-color: @gb-dm-bg0-soft; + } +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/manifest.json b/NOSTOW/firefoxExtentions/browseroverrides/manifest.json index 45ccda74..e31593e9 100644 --- a/NOSTOW/firefoxExtentions/browseroverrides/manifest.json +++ b/NOSTOW/firefoxExtentions/browseroverrides/manifest.json @@ -24,6 +24,18 @@ { "matches": ["*://*.reddit.com/*"], "css": [ "css/reddit.css" ] + }, + { + "matches": ["*://*.wikipedia.org/*"], + "css": [ "css/wikipedia.css" ] + }, + { + "matches": ["*://stackoverflow.com/*","*://*.stackoverflow.com/*"], + "css": [ "css/stackoverflow.css" ] + }, + { + "matches": ["*://github.com/*","*://*.github.com/*"], + "css": [ "css/github.css" ] } ] }