From 6b60152dac5b5c4b777f053aeb3dde62d3fa57cf Mon Sep 17 00:00:00 2001 From: Jonathan Hodgson Date: Wed, 29 Jan 2020 09:14:54 +0000 Subject: [PATCH] Updates browser styles --- .../browseroverrides/less/github.less | 11 +- .../browseroverrides/less/global.less | 13 ++ .../browseroverrides/less/protonmail.less | 94 ++++++++++++ .../browseroverrides/less/stackoverflow.less | 4 + .../browseroverrides/less/youtube.less | 143 ++++++++++++++++++ .../browseroverrides/manifest.json | 22 +++ 6 files changed, 285 insertions(+), 2 deletions(-) create mode 100644 NOSTOW/firefoxExtentions/browseroverrides/less/global.less create mode 100644 NOSTOW/firefoxExtentions/browseroverrides/less/protonmail.less create mode 100644 NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/github.less b/NOSTOW/firefoxExtentions/browseroverrides/less/github.less index b02b15b5..567c1653 100644 --- a/NOSTOW/firefoxExtentions/browseroverrides/less/github.less +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/github.less @@ -26,7 +26,8 @@ a{ color: @gb-dm-dark-aqua !important; } } -.text-gray{ +.text-gray, +.text-gray-dark{ color: @gb-dm-fg3 !important; } @@ -110,6 +111,8 @@ table.files td.icon{ .blob-code-inner{ font-family: 'Iosevka'; + background: @gb-lm-bg0; + color: @gb-lm-fg0; } /* @@ -145,7 +148,8 @@ table.files td.icon{ } .markdown-body .highlight pre, .markdown-body pre{ - background-color: @gb-dm-bg0-hard; + background: @gb-lm-bg0; + color: @gb-lm-fg0; } @@ -233,6 +237,9 @@ table.files td.icon{ +.js-signup-prompt{ + display: none; +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/global.less b/NOSTOW/firefoxExtentions/browseroverrides/less/global.less new file mode 100644 index 00000000..23469984 --- /dev/null +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/global.less @@ -0,0 +1,13 @@ +@import "gruvbox-colours.less"; + +body, +.content{ + font-family: opendyslexic; + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} + +h1, h2, h3, h4, h5, h6 +.h1, .h2, .h3, .h4, .h5, .h6{ + color: @gb-dm-fg0; +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/protonmail.less b/NOSTOW/firefoxExtentions/browseroverrides/less/protonmail.less new file mode 100644 index 00000000..6622cb12 --- /dev/null +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/protonmail.less @@ -0,0 +1,94 @@ +@import "gruvbox-colours.less"; + +.headerSecured-container{ + background-color: @gb-dm-bg0-hard; +} + +#ptSidebar{ + background-color: @gb-dm-bg0; +} + +.headerSecuredDesktop-logo{ + background-color: @gb-dm-bg0; +} + +.pm_toolbar{ + background-color: @gb-dm-bg1; +} + +.pm_buttons a, .pm_buttons button, .pm_buttons .pm_buttons-child, +.appConfigBody-rows .chooseLayoutBtns-btn-rows, body:not(.appConfigBody-rows) .chooseLayoutBtns-btn-column{ + background-color: @gb-dm-light-blue; + color: @gb-dm-fg1; + border-color: @gb-dm-dark-blue; + &:hover{ + background-color: @gb-dm-dark-blue; + color: @gb-dm-fg1; + } +} + +.sidebarApp-container .sidebar-btn-compose{ + background-color: @gb-dm-dark-aqua; + border-color: @gb-dm-dark-aqua; + &:hover{ + background-color: @gb-dm-light-aqua; + } +} + +body #conversation-list-rows .conversation{ + background-color: @gb-dm-bg0-hard; + color: @gb-dm-fg0; + .subject h4{ + color: @gb-dm-fg0; + } + &.read{ + background-color: @gb-dm-bg0-soft; + color: @gb-dm-fg2; + } +} + +body #wrapper{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} + +#conversation-view header h1{ + color: @gb-dm-fg0; +} + +#conversation-view .message{ + border-color: @gb-dm-bg0-hard; + .summary, .details, .summary .summary-right{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; + } +} + +.messageExtra-container > [class*="-container"]{ + background-color: @gb-dm-bg1; + color: @gb-dm-fg0; +} + +#conversation-view .message .summary .labels, #conversation-view .message .summary .location.folders, #conversation-view .message .summary .message-attachments, #conversation-view .message .summary .status, #conversation-view .message .summary .time{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} + +.pm_dropdown{ + background-color: @gb-dm-dark-blue; +} +.pm_dropdown > a:hover, .pm_dropdown > button:hover, .pm_dropdown > ul > li:hover{ + color: @gb-dm-fg0 !important; +} +.pm_buttons{ + color: @gb-dm-fg0; +} +.scrollbox-container{ + &,&::before,&::after{ + background-color: @gb-dm-dark-blue; + } +} +#conversation-view .frame, #pm_main{ + background-color: @gb-dm-bg0; + color: @gb-dm-fg0; +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less b/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less index c999f80e..dc78c142 100644 --- a/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/stackoverflow.less @@ -58,3 +58,7 @@ ul.comments-list .comment > *{ filter: invert(0); } } + +pre, code{ + background-color: @gb-dm-bg0-hard; +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less b/NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less new file mode 100644 index 00000000..c2dff9dc --- /dev/null +++ b/NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less @@ -0,0 +1,143 @@ +@import "gruvbox-colours.less"; + +//Main content +//ytd-app{ +// background-color: @gb-dm-bg0; +//} +// +////Header +//ytd-masthead{ +// background-color: @gb-dm-bg0-hard; +//} +// +////Sidebar +//#guide-content.ytd-app{ +// background-color: @gb-dm-bg0-hard; +//} + +html:not(.style-scope){ + --yt-spec-brand-background-solid: @gb-dm-bg0-hard; + --yt-spec-brand-background-primary: @gb-dm-bg0-hard; + --yt-spec-brand-background-secondary: green; + --yt-spec-general-background-a: @gb-dm-bg0; + --yt-spec-general-background-b: @gb-dm-bg0; + --yt-spec-general-background-c: pink; + --yt-spec-error-background: red; + --yt-spec-text-primary: @gb-dm-fg0; + --yt-spec-text-primary-inverse: green; + --yt-spec-text-secondary: @gb-dm-fg1; + --yt-spec-text-disabled: #909090; + --yt-spec-call-to-action: @gb-dm-dark-aqua; + --yt-spec-icon-active-other: @gb-dm-fg0; + --yt-spec-icon-inactive: #909090; + --yt-spec-icon-disabled: #ccc; + --yt-spec-badge-chip-background: rgba(0, 0, 0, 0.05); + --yt-spec-verified-badge-background: rgba(0, 0, 0, 0.15); + --yt-spec-suggested-action: #f2f8ff; + --yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.1); + --yt-spec-touch-response: #000; + --yt-spec-paper-tab-ink: rgba(0, 0, 0, 0.3); + --yt-spec-filled-button-text: #fff; + --yt-spec-call-to-action-inverse: #3ea6ff; + --yt-spec-brand-icon-active: @gb-dm-fg0; + --yt-spec-brand-icon-inactive: @gb-dm-fg4; + --yt-spec-brand-button-background: #c00; + --yt-spec-brand-link-text: #c00; + --yt-spec-filled-button-focus-outline: rgba(0, 0, 0, 0.6); + --yt-spec-call-to-action-button-focus-outline: rgba(6, 95, 212, 0.3); + --yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, 0.3); + --yt-spec-inactive-text-button-focus-outline: #ccc; + --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background); + --yt-spec-wordmark-text: #282828; + --yt-spec-10-percent-layer: rgba(0, 0, 0, 0.1); + --yt-spec-selected-nav-text: #c00; + --yt-spec-themed-blue: #065fd4; + --yt-spec-themed-green: #107516; + --yt-spec-themed-overlay-background: rgba(255, 255, 255, 0.7); + + + + + --ytd-searchbox-border-color: hsla(0, 0%, 53.3%, 0.2); + --ytd-searchbox-legacy-border-color: #ccc; + --ytd-searchbox-legacy-border-shadow-color: #eee; + --ytd-searchbox-legacy-button-color: #f8f8f8; + --ytd-searchbox-legacy-button-border-color: #d3d3d3; + --ytd-searchbox-legacy-button-focus-color: #e9e9e9; + --ytd-searchbox-legacy-button-hover-color: #f0f0f0; + --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6; + --ytd-searchbox-legacy-button-icon-color: #333; + --ytd-moderation-panel-background: hsla(0, 0%, 93.3%, 0.6); + --ytd-moderation-panel-hover: hsla(0, 0%, 93.3%, 0.8); + --ytd-moderation-panel-comment-text: #111111; + --ytd-moderation-panel-comment-metadata-text: hsla(0, 0%, 6.7%, 0.6); + --ytd-moderation-icon-color: hsla(0, 0%, 6.7%, 0.6); + --ytd-moderation-icon-hover-color: #111111; + --ytd-comment-text-color: @gb-dm-fg0; + --ytd-comment-metadata-text-color: var(--yt-spec-text-secondary); + --ytd-watch-card-secondary-text-color: #888888; + --ytd-watch-card-album-header-background: white; + --ytd-backstage-metadata-text-color: #888888; + --ytd-backstage-image-alert-color: hsla(0, 0%, 6.7%, 0.6); + --ytd-backstage-cancel-background-color: white; + --ytd-backstage-cancel-color: hsla(0, 0%, 6.7%, 0.4); + --ytd-backstage-attachment-background-color: white; + --ytd-backstage-creationbox-inactive-color: rgba(0, 0, 0, 0.26); + --ytd-backstage-creationbox-text-color: rgba(0, 0, 0, 0.54); + --ytd-backstage-creationbox-input-text-color: rgba(0, 0, 0, 0.87); + --ytd-backstage-attachment-icon-hover-color: rgba(0, 0, 0, 0.74); + --ytd-badge-disabled-color: hsla(0, 0%, 53.3%, 0.4); + --ytd-collection-badge-color: hsla(0, 0%, 6.7%, 0.8); + --ytd-owner-badge-color: hsla(0, 0%, 6.7%, 0.4); + --ytd-simple-badge-color: hsla(0, 0%, 6.7%, 0.6); + --ytd-shopping-product-info: hsla(0, 0%, 6.7%, 0.8); + --ytd-transcript-cue-hover-background-color: #eeeeee; + --ytd-transcript-toolbar-background-color: #eeeeee; + --ytd-transcript-toolbar-text: #111111; + --ytd-vat-notice-text: hsla(0, 0%, 6.7%, 0.6); + --ytd-offer-background-color: hsla(0, 0%, 93.3%, 0.4); + --ytd-video-game-watch-card-logo-color: #111111; + --ytd-watch-split-pane-sidebar-background-color: #fafafa; + + + --yt-std-body-300: rgba(0, 0, 0, 0.54); + --yt-std-surface-200: #fafafa; + --yt-std-surface-300: whitesmoke; + --yt-std-surface-400: #ededed; + --yt-primary-color: #111111; + --yt-primary-text-color: #111111; + --yt-secondary-text-color: hsla(0, 0%, 6.7%, 0.8); + --yt-tertiary-text-color: hsla(0, 0%, 6.7%, 0.6); + --yt-placeholder-text-color: hsla(0, 0%, 6.7%, 0.6); + --yt-border-color: #eeeeee; + --yt-commentbox-border-inactive: #eeeeee; + --yt-commentbox-border-active: hsla(0, 0%, 6.7%, 0.6); + --yt-primary-disabled-button-text-color: white; + --yt-paper-button-ink-color: #888888; + --yt-icon-color: hsla(0, 0%, 6.7%, 0.4); + --yt-icon-hover-color: hsla(0, 0%, 6.7%, 0.8); + --yt-icon-disabled-color: hsla(0, 0%, 6.7%, 0.6); + --yt-icon-active-color: #111111; + --yt-placeholder-text: hsla(0, 0%, 6.7%, 0.6); + --yt-playlist-background-header: #eeeeee; + --yt-playlist-background-item: hsla(0, 0%, 93.3%, 0.6); + --yt-playlist-title-text: #111111; + --yt-playlist-message-text: hsla(0, 0%, 6.7%, 0.6); + --yt-playlist-message-text-hover: #111111; + --yt-button-active-color: #111111; + --yt-copyright-text: hsla(0, 0%, 6.7%, 0.6); + --yt-thumbnail-placeholder-color: #e3e3e3; + --yt-featured-channel-title-text-color: rgba(0, 0, 0, 0.54); + --yt-formatted-string-deemphasize-color: #888888; + --yt-searchbox-text-color: var(--yt-primary-text-color); + --yt-simple-menu-header-background: #eeeeee; + --yt-menu-hover-backgound-color: #eeeeee; + --yt-menu-focus-background-color: hsla(0, 0%, 6.7%, 0.2); + --yt-app-background: @gb-dm-bg0; + --yt-main-app-background-tmp: white; + --yt-guide-background: whitesmoke; + --yt-dialog-background: white; + --yt-searchbox-background: white; + --yt-channel-header-background: #fafafa; + --yt-transcript-background: white; +} diff --git a/NOSTOW/firefoxExtentions/browseroverrides/manifest.json b/NOSTOW/firefoxExtentions/browseroverrides/manifest.json index e31593e9..aff1ed87 100644 --- a/NOSTOW/firefoxExtentions/browseroverrides/manifest.json +++ b/NOSTOW/firefoxExtentions/browseroverrides/manifest.json @@ -33,9 +33,31 @@ "matches": ["*://stackoverflow.com/*","*://*.stackoverflow.com/*"], "css": [ "css/stackoverflow.css" ] }, + { + "matches": ["*://youtube.com/*","*://*.youtube.com/*"], + "css": [ "css/youtube.css" ] + }, + { + "matches": ["*://protonmail.com/*","*://*.protonmail.com/*"], + "css": [ "css/protonmail.css" ] + }, { "matches": ["*://github.com/*","*://*.github.com/*"], "css": [ "css/github.css" ] + }, + + { + "matches": ["*://*/*"], + "exclude_matches": ["*://wiki.archlinux.org/*", + "*://*.amazon.com/*","*://*.amazon.co.uk/*", + "*://*.duckduckgo.com/*","*://*.duckduckgo.co.uk/*", + "*://*.reddit.com/*", + "*://*.wikipedia.org/*", + "*://stackoverflow.com/*","*://*.stackoverflow.com/*", + "*://youtube.com/*","*://*.youtube.com/*", + "*://protonmail.com/*","*://*.protonmail.com/*", + "*://github.com/*","*://*.github.com/*"], + "css": [ "css/global.css" ] } ] }