From 5a3e5dcc05390fb7e446ac4ae2e2c3dc254052f0 Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Fri, 15 Dec 2017 09:40:26 -0700 Subject: [PATCH] Trying out blue-50 #27 --- color_variables.css | 9 +++++---- userChrome.css | 24 +++++++++--------------- userContent.css | 8 ++++---- 3 files changed, 18 insertions(+), 23 deletions(-) diff --git a/color_variables.css b/color_variables.css index b047f25..ff6dd2d 100644 --- a/color_variables.css +++ b/color_variables.css @@ -66,12 +66,13 @@ } + :root { --primary-dark-color: var(--grey-70); /* Color of FF dark theme nav-bar */ --primary-light-color: var(--grey-40); /* Off white */ - --light-accent-color: #9c9d9f; /* Slightly darker off white */ + --light-accent-color: var(--grey-50); /* Slightly darker off white */ --dark-accent: var(--grey-80); /* darker shade of main color */ - --mid-way-color: #5c5a5a; /* inbetween main dark and light color */ - --primary-accent-color: var(--orange-70); - --primary-accent-color-dark: var(--orange-80); /* Darker cyan color */ + --mid-way-color: var(--grey-60); /* inbetween main dark and light color */ + --primary-accent-color: var(--blue-50); + --primary-accent-color-dark: var(--blue-60); /* Darker cyan color */ } diff --git a/userChrome.css b/userChrome.css index 98e5386..4243fdb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -62,14 +62,14 @@ /* Color of FF dark theme nav-bar */ --primary-light-color: var(--grey-40); /* Off white */ - --light-accent-color: #9c9d9f; + --light-accent-color: var(--grey-50); /* Slightly darker off white */ --dark-accent: var(--grey-80); /* darker shade of main color */ - --mid-way-color: #5c5a5a; + --mid-way-color: var(--grey-60); /* inbetween main dark and light color */ - --primary-accent-color: var(--orange-70); - --primary-accent-color-dark: var(--orange-80); + --primary-accent-color: var(--blue-50); + --primary-accent-color-dark: var(--blue-60); /* Darker cyan color */ } /* The following code is based on that found on @@ -515,24 +515,18 @@ browser[type="content-primary"], browser[type="content"] > html { background: #323234 !important; } -#connection-icon { - fill: var(--primary-accent-color) !important; +#identity-box.verifiedIdentity { + --urlbar-separator-color: var(--grey-50) !important; } +.identity-popup-connection-secure, #identity-box.verifiedIdentity #identity-icon-labels { color: var(--primary-accent-color) !important; } -#identity-box.verifiedIdentity { - --urlbar-separator-color: var(--primary-accent-color) !important; -} - -.identity-popup-connection-secure { - color: var(--primary-accent-color) !important; -} - #identity-popup[connection^=secure] #identity-popup-securityView, -#identity-popup[connection^=secure] #identity-popup-security-content { +#identity-popup[connection^=secure] #identity-popup-security-content, +#connection-icon { fill: var(--primary-accent-color) !important; } /* Change active tab line color */ diff --git a/userContent.css b/userContent.css index 8ecaab7..b903154 100644 --- a/userContent.css +++ b/userContent.css @@ -62,14 +62,14 @@ /* Color of FF dark theme nav-bar */ --primary-light-color: var(--grey-40); /* Off white */ - --light-accent-color: #9c9d9f; + --light-accent-color: var(--grey-50); /* Slightly darker off white */ --dark-accent: var(--grey-80); /* darker shade of main color */ - --mid-way-color: #5c5a5a; + --mid-way-color: var(--grey-60); /* inbetween main dark and light color */ - --primary-accent-color: var(--orange-70); - --primary-accent-color-dark: var(--orange-80); + --primary-accent-color: var(--blue-50); + --primary-accent-color-dark: var(--blue-60); /* Darker cyan color */ } @-moz-document url-prefix(about:) {