@@ -517,13 +513,13 @@ class UrlBar extends React.Component {
urlbarForm: true,
[css(styles.urlbarForm_wide)]: this.props.isWideURLbarEnabled,
noBorderRadius: this.props.publisherButtonVisible
- })}
+ })}
id='urlbar'
>
{urlbarIconContainer}
{
this.props.titleMode
- ?
+ ?
{this.props.hostValue}
{this.props.hostValue && this.titleValue ? ' | ' : ''}
{this.titleValue}
diff --git a/app/renderer/components/styles/global.js b/app/renderer/components/styles/global.js
index d3d5a0260e6..b5a0d6ad309 100644
--- a/app/renderer/components/styles/global.js
+++ b/app/renderer/components/styles/global.js
@@ -391,6 +391,7 @@ globalStyles.color.chromeBorderColor = globalStyles.color.chromePrimary
globalStyles.color.chromeControlsWarningBackground = globalStyles.color.chromePrimary
globalStyles.color.audioColor = globalStyles.color.highlightBlue
globalStyles.color.focusUrlbarOutline = globalStyles.color.highlightBlue
+globalStyles.color.siteSecureColor = globalStyles.color.buttonColor
globalStyles.color.loadTimeColor = globalStyles.color.highlightBlue
globalStyles.color.activeTabDefaultColor = globalStyles.color.chromePrimary
diff --git a/less/navigationBar.less b/less/navigationBar.less
index c909baf0949..5645906bdcd 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -574,6 +574,8 @@
}
}
+@urlbarFormHeight: 25px;
+
.urlbarForm {
position: relative; // PR #6485
width: 0; // Fixes #4298
@@ -617,7 +619,8 @@
color: @chromeText;
// #4922
- background: @chromeControlsBackground2;
+ // TODO: replace this value with a CSS variable to add a dark UI.
+ background: #fff;
}
@media (max-width: @breakpointNarrowViewport) {
@@ -822,7 +825,7 @@
justify-content: center;
height: @urlbarFormHeight;
min-height: @urlbarFormHeight;
- margin-right: 5px;
+ margin: 0 5px;
max-width: 40%;
.urlbarIcon {
@@ -832,7 +835,7 @@
background-position: center;
position: relative;
bottom: -1px;
- padding: 5px 7px 5px 7px;
+ margin-left: 3px;
// about:newtab
&.fa-search {
@@ -860,9 +863,8 @@
.evCert {
font-size: 12px;
- font-weight: 500;
- color: @siteEVColor;
- padding-right: 5px;
+ color: forestgreen;
+ padding: 5px;
border-right: 1px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
diff --git a/less/variables.less b/less/variables.less
index 239dd806c4b..9c3e1747aab 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -40,7 +40,7 @@
@settingItemSubtextFontSize: 0.95rem;
@audioColor: @highlightBlue;
@focusUrlbarOutline: rgba(55, 169, 253, 0.4);
-@siteSecureColor: green;
+@siteSecureColor: @buttonColor;
@siteInsecureColor: #C63626;
@siteEVColor: green;
@loadTimeColor: @highlightBlue;
@@ -52,7 +52,6 @@
@braveDarkOrange: #D44600;
@dragSpacing: 50px;
@urlBarOutline: #bbb;
-@urlbarFormHeight: 25px; // added
@navbarHeight: 36px;
@downloadsBarHeight: 60px;