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:) {