diff --git a/css/leptonContent.css b/css/leptonContent.css index e94b872..01b16b4 100644 --- a/css/leptonContent.css +++ b/css/leptonContent.css @@ -840,6 +840,7 @@ .AddonTitle a, .TooltipMenu-opener, .LanguageTools .Card-contents a, + .Button--primary, .blog-entry-read-more-link, .blogpost-nav-next.blogpost-nav-no-prev:hover p, .blogpost-content-wrapper p a, @@ -881,12 +882,14 @@ } /* Background */ - .Button--action { + .Button--action, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } .Select, + .Button--primary, .Button--neutral, .Button--neutral:link, .Notice-button, @@ -894,6 +897,7 @@ background-color: var(--in-content-button-background) !important; } + .Button--primary:hover, .Button--neutral.Button--micro:not(.Button--disabled):hover, .Button--neutral:not(.Button--disabled):hover, .Notice-button:hover { @@ -901,7 +905,8 @@ } .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover { + .Button--action:not(.Button--disabled):hover, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } @@ -1010,6 +1015,12 @@ } /* /developers/ */ + .DevHub-Navigation-Logo > .Logo { + -moz-context-properties: fill !important; + fill: var(--in-content-primary-button-background) !important; + background-image: url("../icons/addons-logo.svg") !important; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -1032,10 +1043,17 @@ color: var(--in-content-page-color) !important; } + .DevHub-content-copy p, + .DevHub-callout-box p { + color: var(--in-content-deemphasized-text) !important; + } + .DevHub-Banner a, .DevHub-Footer a, .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all { + .DevHub-MyAddons-item-buttons-all, + .DevHub-content-copy a, + .DevHub-callout-box a { color: var(--in-content-link-color) !important; } } diff --git a/icons/addons-logo.svg b/icons/addons-logo.svg new file mode 100644 index 0000000..4c643af --- /dev/null +++ b/icons/addons-logo.svg @@ -0,0 +1 @@ + diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss index 6f48de5..f200eef 100644 --- a/src/contents/dark_mode/_addons_org.scss +++ b/src/contents/dark_mode/_addons_org.scss @@ -59,6 +59,7 @@ .AddonTitle a, .TooltipMenu-opener, .LanguageTools .Card-contents a, + .Button--primary, .blog-entry-read-more-link, .blogpost-nav-next.blogpost-nav-no-prev:hover p, .blogpost-content-wrapper p a, @@ -98,24 +99,28 @@ } /* Background */ - .Button--action { + .Button--action, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button { color: var(--in-content-primary-button-text-color) !important; background: var(--in-content-primary-button-background) !important; } .Select, + .Button--primary, .Button--neutral, .Button--neutral:link, .Notice-button, .AMInstallButton .AMInstallButton-loading-button { background-color: var(--in-content-button-background) !important; } + .Button--primary:hover, .Button--neutral.Button--micro:not(.Button--disabled):hover, .Button--neutral:not(.Button--disabled):hover, .Notice-button:hover { background: var(--in-content-button-background-hover) !important; } .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover { + .Button--action:not(.Button--disabled):hover, + .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover { background: var(--in-content-primary-button-background-hover) !important; } .ShowMoreCard-contents::after { @@ -213,6 +218,12 @@ } /* /developers/ */ + .DevHub-Navigation-Logo > .Logo { + -moz-context-properties: fill !important; + fill: var(--in-content-primary-button-background) !important; + background-image: url("../icons/addons-logo.svg") !important; + } + .DevHub-Navigation, .DevHub-submit-addon, .DevHub-get-involved, @@ -233,10 +244,16 @@ .DevHub-content-copy h2 { color: var(--in-content-page-color) !important; } + .DevHub-content-copy p, + .DevHub-callout-box p { + color: var(--in-content-deemphasized-text) !important; + } .DevHub-Banner a, .DevHub-Footer a, .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all { + .DevHub-MyAddons-item-buttons-all, + .DevHub-content-copy a, + .DevHub-callout-box a { color: var(--in-content-link-color) !important; } }