From 21a42af31ffdb9e7f858f9ff106ddc728abad9b9 Mon Sep 17 00:00:00 2001 From: nikhil7174 Date: Sat, 30 Mar 2024 19:36:10 +0530 Subject: [PATCH 1/2] Changed settings page theme --- .../settings/brave_overrides/settings_menu.ts | 13 +++++++------ ui/webui/resources/br_elements/br_shared_vars.css | 2 +- ui/webui/resources/css/md_colors.css | 2 +- ui/webui/resources/overrides/cr_button_override.css | 6 +++--- 4 files changed, 12 insertions(+), 11 deletions(-) diff --git a/browser/resources/settings/brave_overrides/settings_menu.ts b/browser/resources/settings/brave_overrides/settings_menu.ts index 13828ed078f3..dc705d786572 100644 --- a/browser/resources/settings/brave_overrides/settings_menu.ts +++ b/browser/resources/settings/brave_overrides/settings_menu.ts @@ -85,7 +85,8 @@ RegisterStyleOverride( } .cr-nav-menu-item[selected] { - --iron-icon-fill-color: var(--leo-gradient-icons-active); + // --iron-icon-fill-color: var(--leo-gradient-icons-active); + --iron-icon-fill-color: #27a348; color: var(--cr-link-color) !important; background: transparent !important; @@ -97,7 +98,7 @@ RegisterStyleOverride( @media (prefers-color-scheme: dark) { :host { - --settings-nav-item-color: #F4F4F4 !important; + --settings-nav-item-color: #f4f4f4 !important; border-color: transparent !important; background-color: #161719; } @@ -121,12 +122,12 @@ RegisterStyleOverride( } a[href].iron-selected { - color: #DB2F04; + color: #db2f04; font-weight: 400 !important; } a:hover, iron-icon:hover { - color: #444DD0 !important; + color: #47d789 !important; } iron-icon, leo-icon { @@ -144,7 +145,7 @@ RegisterStyleOverride( display: block; height: 32px; width: 4px; - background: linear-gradient(96.98deg, #E51D00 0%, #E5007B 78.13%); + background: linear-gradient(96.98deg, #27a348 0%, #27c5a1 78.13%); border-radius: 0px 2px 2px 0px; } @@ -154,7 +155,7 @@ RegisterStyleOverride( } a:hover, iron-icon:hover { - color: #A6ABE9 !important; + color: #47d789 !important; } } diff --git a/ui/webui/resources/br_elements/br_shared_vars.css b/ui/webui/resources/br_elements/br_shared_vars.css index bbdcb17d8743..c114edf904cc 100644 --- a/ui/webui/resources/br_elements/br_shared_vars.css +++ b/ui/webui/resources/br_elements/br_shared_vars.css @@ -18,7 +18,7 @@ html { --interactive-color: var(--cr-link-color) !important; --brave-focus-outline: auto 3px var(--flat-focus-shadow-color); --disabled-color: rgb(241, 243, 244); - --cr-link-color: rgb(255, 69, 48) !important; + --cr-link-color: rgb(27, 185, 99) !important; --cr-link-color-rgb: 255, 69, 48; --flat-focus-shadow-color: rgba(255, 69, 48, .4) !important; --cr-selectable-focus_-_outline: var(--brave-focus-outline) !important; diff --git a/ui/webui/resources/css/md_colors.css b/ui/webui/resources/css/md_colors.css index 4f6d16e9c17c..4d80a8b327f3 100644 --- a/ui/webui/resources/css/md_colors.css +++ b/ui/webui/resources/css/md_colors.css @@ -1,5 +1,5 @@ html { - --brave-toolbar-gradient: linear-gradient(-90deg, #A3278F 0%, #E52F50 100%); /* linear gradient: red500 -> magenta600 */ + --brave-toolbar-gradient: linear-gradient(-90deg, #27a348 0%, #27c5a1 100%); /* linear gradient: red500 -> magenta600 */ --md-background-color: rgb(233, 236, 239); /* neutral200 */ --md-loading-message-color: #5E6175; /* grey700 */ --md-toolbar-color: rgb(200, 44, 109); /* not design system color. middle value of toolbar's linear gradient. */ diff --git a/ui/webui/resources/overrides/cr_button_override.css b/ui/webui/resources/overrides/cr_button_override.css index cedb120ed700..7a31445a0f72 100644 --- a/ui/webui/resources/overrides/cr_button_override.css +++ b/ui/webui/resources/overrides/cr_button_override.css @@ -6,10 +6,10 @@ /* Default/light theme button colors */ :host(:not([style])) { --brave-text-color: #3b3e4f; /* grey800 */ - --brave-brand-color: #ff7654; /* orange400 */ - --brave-primary-hover: #ff977d; /* orange300 */ + --brave-brand-color: #27a348; /* orange400 */ + --brave-primary-hover: #55d821; /* orange300 */ --brave-default-hover: rgba(255, 118, 84, 0.1); /* orange400 */ - --brave-focus-outline: rgba(255, 118, 84, 0.4); /* orange400 */ + --brave-focus-outline: rgba(84, 255, 121, 0.4); /* orange400 */ --ink-color: var(--brave-brand-color) !important; --text-color: var(--brave-text-color) !important; --text-color-action: white !important; From 4a39ed0a0e8cf1f1ecabdaed9b6dfcc39aa4b9b3 Mon Sep 17 00:00:00 2001 From: nikhil7174 Date: Sat, 30 Mar 2024 20:32:01 +0530 Subject: [PATCH 2/2] added names of colors used --- browser/resources/settings/brave_overrides/settings_menu.ts | 4 ++-- ui/webui/resources/css/md_colors.css | 2 +- ui/webui/resources/overrides/cr_button_override.css | 6 +++--- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/browser/resources/settings/brave_overrides/settings_menu.ts b/browser/resources/settings/brave_overrides/settings_menu.ts index dc705d786572..f6dbeae0a572 100644 --- a/browser/resources/settings/brave_overrides/settings_menu.ts +++ b/browser/resources/settings/brave_overrides/settings_menu.ts @@ -98,7 +98,7 @@ RegisterStyleOverride( @media (prefers-color-scheme: dark) { :host { - --settings-nav-item-color: #f4f4f4 !important; + --settings-nav-item-color: #F4F4F4 !important; border-color: transparent !important; background-color: #161719; } @@ -122,7 +122,7 @@ RegisterStyleOverride( } a[href].iron-selected { - color: #db2f04; + color: #DB2F04; font-weight: 400 !important; } diff --git a/ui/webui/resources/css/md_colors.css b/ui/webui/resources/css/md_colors.css index 4d80a8b327f3..458217e4b53f 100644 --- a/ui/webui/resources/css/md_colors.css +++ b/ui/webui/resources/css/md_colors.css @@ -1,5 +1,5 @@ html { - --brave-toolbar-gradient: linear-gradient(-90deg, #27a348 0%, #27c5a1 100%); /* linear gradient: red500 -> magenta600 */ + --brave-toolbar-gradient: linear-gradient(-90deg, #27a348 0%, #27c5a1 100%); /* linear gradient: green -> aquamarine */ --md-background-color: rgb(233, 236, 239); /* neutral200 */ --md-loading-message-color: #5E6175; /* grey700 */ --md-toolbar-color: rgb(200, 44, 109); /* not design system color. middle value of toolbar's linear gradient. */ diff --git a/ui/webui/resources/overrides/cr_button_override.css b/ui/webui/resources/overrides/cr_button_override.css index 7a31445a0f72..9daaf8482034 100644 --- a/ui/webui/resources/overrides/cr_button_override.css +++ b/ui/webui/resources/overrides/cr_button_override.css @@ -6,10 +6,10 @@ /* Default/light theme button colors */ :host(:not([style])) { --brave-text-color: #3b3e4f; /* grey800 */ - --brave-brand-color: #27a348; /* orange400 */ - --brave-primary-hover: #55d821; /* orange300 */ + --brave-brand-color: #27a348; /* green */ + --brave-primary-hover: #55d821; /* lightgreen */ --brave-default-hover: rgba(255, 118, 84, 0.1); /* orange400 */ - --brave-focus-outline: rgba(84, 255, 121, 0.4); /* orange400 */ + --brave-focus-outline: rgba(84, 255, 121, 0.4); /* green */ --ink-color: var(--brave-brand-color) !important; --text-color: var(--brave-text-color) !important; --text-color-action: white !important;