Updates browser styles
This commit is contained in:
Jonathan Hodgson
parent
0d68560bb9
commit
2557962269
6 changed files with 285 additions and 2 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
13
NOSTOW/firefoxExtentions/browseroverrides/less/global.less
Normal file
13
NOSTOW/firefoxExtentions/browseroverrides/less/global.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -58,3 +58,7 @@ ul.comments-list .comment > *{
|
|||
filter: invert(0);
|
||||
}
|
||||
}
|
||||
|
||||
pre, code{
|
||||
background-color: @gb-dm-bg0-hard;
|
||||
}
|
||||
|
|
|
|||
143
NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less
Normal file
143
NOSTOW/firefoxExtentions/browseroverrides/less/youtube.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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" ]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue