diff --git a/src/chrome/src/ui/settings.html b/src/chrome/src/ui/settings.html index 548cad883..fa0aac093 100644 --- a/src/chrome/src/ui/settings.html +++ b/src/chrome/src/ui/settings.html @@ -61,6 +61,14 @@ text-decoration: none; -webkit-text-fill-color: inherit; } + /* Brain mark next to the wordmark. The gradient text fill above only + touches glyphs, so the logo keeps its own colors in both themes. */ + .brand-mark { + width: 26px; + height: 26px; + vertical-align: -5px; + margin-right: 9px; + } .subtitle { color: var(--text2); font-size: 13px; margin-bottom: 24px; } .header-row { @@ -1311,7 +1319,7 @@
diff --git a/src/chrome/src/ui/traces.html b/src/chrome/src/ui/traces.html
index 157ad8c2e..d1e70c0bf 100644
--- a/src/chrome/src/ui/traces.html
+++ b/src/chrome/src/ui/traces.html
@@ -46,6 +46,14 @@
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
+ /* Brain mark next to the wordmark. The gradient text fill above only
+ touches glyphs, so the logo keeps its own colors in both themes. */
+ .brand-mark {
+ width: 22px;
+ height: 22px;
+ vertical-align: -4px;
+ margin-right: 8px;
+ }
.spacer { flex: 1; }
.pill {
background: var(--bg2);
@@ -358,7 +366,7 @@
-
+
-
+
diff --git a/src/firefox/src/ui/history.html b/src/firefox/src/ui/history.html index 8fd73ab58..65694d8ef 100644 --- a/src/firefox/src/ui/history.html +++ b/src/firefox/src/ui/history.html @@ -60,6 +60,14 @@ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } + /* Brain mark next to the wordmark. The gradient text fill above only + touches glyphs, so the logo keeps its own colors in both themes. */ + .brand-mark { + width: 22px; + height: 22px; + vertical-align: -4px; + margin-right: 8px; + } .spacer { flex: 1; } .pill { background: var(--bg2); @@ -382,7 +390,7 @@
diff --git a/src/firefox/src/ui/settings.html b/src/firefox/src/ui/settings.html index 7317fbbe5..784c852bf 100644 --- a/src/firefox/src/ui/settings.html +++ b/src/firefox/src/ui/settings.html @@ -61,6 +61,14 @@ text-decoration: none; -webkit-text-fill-color: inherit; } + /* Brain mark next to the wordmark. The gradient text fill above only + touches glyphs, so the logo keeps its own colors in both themes. */ + .brand-mark { + width: 26px; + height: 26px; + vertical-align: -5px; + margin-right: 9px; + } .subtitle { color: var(--text2); font-size: 13px; margin-bottom: 24px; } .header-row { @@ -1154,7 +1162,7 @@
diff --git a/src/firefox/src/ui/traces.html b/src/firefox/src/ui/traces.html
index 157ad8c2e..d1e70c0bf 100644
--- a/src/firefox/src/ui/traces.html
+++ b/src/firefox/src/ui/traces.html
@@ -46,6 +46,14 @@
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
+ /* Brain mark next to the wordmark. The gradient text fill above only
+ touches glyphs, so the logo keeps its own colors in both themes. */
+ .brand-mark {
+ width: 22px;
+ height: 22px;
+ vertical-align: -4px;
+ margin-right: 8px;
+ }
.spacer { flex: 1; }
.pill {
background: var(--bg2);
@@ -358,7 +366,7 @@
-
+