From c57a6579d58cec192dccc4292516744186ed34d7 Mon Sep 17 00:00:00 2001 From: Dev Ashish Sardana Date: Tue, 5 Nov 2024 11:40:40 +0530 Subject: [PATCH] colors hexcode formatted as lowercase for css variables --- libs/blocks/global-navigation/base.css | 28 ++++++------ libs/blocks/global-navigation/dark-nav.css | 52 +++++++++++----------- 2 files changed, 40 insertions(+), 40 deletions(-) diff --git a/libs/blocks/global-navigation/base.css b/libs/blocks/global-navigation/base.css index f33d21769b..88f708f86f 100644 --- a/libs/blocks/global-navigation/base.css +++ b/libs/blocks/global-navigation/base.css @@ -7,31 +7,31 @@ --feds-height-breadcrumbs: 33px; --feds-gutter: 8px; /* Top navigation - backgrounds */ - --feds-background-nav: #F8F8F8; - --feds-background-popup: #F3F3F3; - --feds-background-promo: #FFF; + --feds-background-nav: #f8f8f8; + --feds-background-popup: #f3f3f3; + --feds-background-promo: #fff; --feds-background-promo--dark: #000; /* Top navigation - borders */ - --feds-borderColor: #EAEAEA; - --feds-borderColor-menu: #E1E1E1; - --feds-borderColor-navLink: #2C2C2C; + --feds-borderColor: #eaeaea; + --feds-borderColor-menu: #e1e1e1; + --feds-borderColor-navLink: #2c2c2c; /* Top navigation - colors */ - --feds-color-adobeBrand: #EB1000; + --feds-color-adobeBrand: #eb1000; --feds-color-headline: #505050; - --feds-color-hamburger: #2D2D2D; - --feds-color-breadcrumbs--current: #2C2C2C; - --feds-color-signIn: #4B4B4B; + --feds-color-hamburger: #2d2d2d; + --feds-color-breadcrumbs--current: #2c2c2c; + --feds-color-signIn: #4b4b4b; /* Top navigation - misc */ --feds-radius-utilityIcon: 4px; /* Links */ - --feds-background-link--hover: #E9E9E9; - --feds-borderColor-link: #E9E9E9; + --feds-background-link--hover: #e9e9e9; + --feds-borderColor-link: #e9e9e9; --feds-color-link: #292929; - --feds-color-link--hover: #274DEA; + --feds-color-link--hover: #274dea; --feds-color-navLink-description: #505050; --feds-color-link-breadcrumbs: #707070; /* Footer */ - --feds-background-footer: #FAFAFA; + --feds-background-footer: #fafafa; --feds-borderColor-featuredProducts: #999; --feds-gutter-footer: 32px; } diff --git a/libs/blocks/global-navigation/dark-nav.css b/libs/blocks/global-navigation/dark-nav.css index 98326d92b9..22585dc606 100644 --- a/libs/blocks/global-navigation/dark-nav.css +++ b/libs/blocks/global-navigation/dark-nav.css @@ -1,44 +1,44 @@ :root { - --text-color: #F2F2F2; + --text-color: #f2f2f2; --background-color: #111; - --link-color: #1473E6; - --link-hover-color: #1473E6; + --link-color: #1473e6; + --link-hover-color: #1473e6; /* Top navigation - backgrounds */ --feds-background-popup: #111; --feds-background-nav: #222; - --feds-background-nav--desktop: #1B1B1B; + --feds-background-nav--desktop: #1b1b1b; /* Top navigation - borders */ --feds-borderColor: #303030; - --feds-borderColor-menu: #4B4B4B; - --feds-borderColor-navLink: #DBDBDB; - --feds-background-promo: #1D1D1D; + --feds-borderColor-menu: #4b4b4b; + --feds-borderColor-navLink: #dbdbdb; + --feds-background-promo: #1d1d1d; /* Top navigation - colors */ - --feds-color-adobeBrand: #FFF; - --feds-color-headline--mobile: #F2F2F2; - --feds-color-headline: #EBEBEB; - --feds-color-popup: #EBEBEB; - --feds-color-hamburger: #FFF; - --feds-color-breadcrumbs--current: #DBDBDB; - --feds-color-signIn: #DBDBDB; - --feds-color-search: #DBDBDB; + --feds-color-adobeBrand: #fff; + --feds-color-headline--mobile: #f2f2f2; + --feds-color-headline: #ebebeb; + --feds-color-popup: #ebebeb; + --feds-color-hamburger: #fff; + --feds-color-breadcrumbs--current: #dbdbdb; + --feds-color-signIn: #dbdbdb; + --feds-color-search: #dbdbdb; /* Links */ - --feds-color-link: #F2F2F2; - /* --feds-color-link--mobile: #F2F2F2; */ - --feds-color-link--desktop: #DBDBDB; - --feds-color-link--hover: #1473E6; - --feds-color-blue-link: #5EAAF7; - --feds-color-navLink-description: #B0B0B0; - --feds-color-link-breadcrumbs: #B0B0B0; - --feds-background-link--hover: #1B1B1B; + --feds-color-link: #f2f2f2; + /* --feds-color-link--mobile: #f2f2f2; */ + --feds-color-link--desktop: #dbdbdb; + --feds-color-link--hover: #1473e6; + --feds-color-blue-link: #5eaaF7; + --feds-color-navLink-description: #b0b0b0; + --feds-color-link-breadcrumbs: #b0b0b0; + --feds-background-link--hover: #1b1b1b; --feds-borderColor-link: #323232; /* Footer */ --feds-background-footer: #222; - --feds-background-footer--desktop: #1B1B1B; + --feds-background-footer--desktop: #1b1b1b; --feds-borderColor-featuredProducts: #999; /* Dropdown */ --feds-color-profile-heading--dark: #909090; - --feds-color-profile--dark: #DBDBDB; - --feds-color-profile--emphasis--dark: #F2F2F2; + --feds-color-profile--dark: #dbdbdb; + --feds-color-profile--emphasis--dark: #f2f2f2; --feds-border-profile--dark: 1px solid var(--feds-borderColor); }