blurredfox-nord/parts/urlbar.css

/*
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
░▀▀▀░▀░▀░▀▀▀░▀▀░░▀░▀░▀░▀

URL bar
*/

/* URL bar max-width and centered hack */
#urlbar {
	max-width: 70% !important;
	margin: 0 15% !important;

	/* URL bar and toolbar height */
	--urlbar-height: 36px !important;
	--urlbar-toolbar-height: 40px !important;
}

/* URL bar and toolbar height if compact mode */
:root[uidensity="compact"] #urlbar {
	--urlbar-height: 30px !important;
	--urlbar-toolbar-height: 34px !important;
}

#urlbar-input:focus {
}

/* Set color scheme */
#urlbar-input:focus:-moz-lwtheme-darktext,
#urlbar-input:focus:-moz-lwtheme-brighttext {
	color: var(--bf-urlbar-focused-color) !important;
}

#urlbar-background {
	border-radius: var(--bf-urlbar-radius) !important;
	border: none !important
}

/* Set color scheme */
#urlbar-background:-moz-lwtheme-darktext,
#urlbar-background:-moz-lwtheme-brighttext {
	background: var(--bf-urlbar-bg) !important;
}

.urlbar-icon:not([disabled]):hover,
.urlbar-icon-wrapper:not([disabled]):hover {
}

/* Set color scheme */
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}

.urlbar-icon[open],
.urlbar-icon-wrapper[open],
.urlbar-icon:not([disabled]):hover:active,
.urlbar-icon-wrapper:hover:active {
}

/* Set color scheme */
.urlbar-icon[open]:-moz-lwtheme-darktext,
.urlbar-icon[open]:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-brighttext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}

.urlbar-icon-wrapper[open] > .urlbar-icon,
.urlbar-icon-wrapper > .urlbar-icon:hover,
.urlbar-icon-wrapper > .urlbar-icon:hover:active {
}

/* Set color scheme */
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-brighttext{
	background: var(--bf-hover-bg) !important;
}

#urlbar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
	box-shadow: none !important;
	display: none !important;
	-moz-appearance: var(--bf-moz-appearance) !important;
}

#urlbar[open="true"] > #urlbar-background {
}

/* Set color scheme */
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-darktext,
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-brighttext {
	background: var(--bf-urlbar-active-bg) !important;
	backdrop-filter: blur(var(--bf-backdrop-blur)) !important;
}

.urlbar-icon {
}

/* Set color scheme */
.urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon:-moz-lwtheme-brighttext {
	color: var(--bf-icon-color) !important;
}

.urlbar-icon > image {
	fill: #ff00ff !important;
	color: #ff00ff !important;
}

.urlbarView-favicon,
.urlbarView-type-icon {
	display: none !important;
}

.urlbarView-row[type="bookmark"] > span {
	color: var(--bf-urlbar-bookmark-color) !important;
}

.urlbarView-row[type="switchtab"] > span .urlbarView-url {
	color: var(--bf-urlbar-switch-tab-color) !important;
}

#urlbar-results {
	font-weight: var(--bf-urlbar-results-font-weight);
	font-size: var(--bf-urlbar-results-font-size) !important;
}

/* Hover background color */
.urlbarView-row-inner:hover {
	background: var(--bf-accent-bg) !important;
}

.urlbarView-url, .search-panel-one-offs-container {
	font-weight: var(--bf-urlbar-results-font-weight);
	font-size: var(--bf-urlbar-font-size) !important;
}

#urlbar-input {
	font-size: var(--bf-urlbar-font-size) !important;
	font-weight: var(--bf-urlbar-font-weight)!important;
	text-align: center !important;
}

/* Urlbar buttons */
.urlbar-icon,
.urlbar-page-action {
	border-radius: 6px;
}

/* URL bar hightlight color */
::-moz-selection {
	background-color: var(--bf-urlbar-hightlight-bg) !important;
}

/* Bookmark button - Star button */
#star-button {
}

#star-button:hover:not(.no-hover):not([open=true]) {
}

/* Set color scheme */
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}

#star-button:hover:active:not(.no-hover),
#star-button[open=true] {
}

/* Set color scheme */
#star-button:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#star-button:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#star-button[open=true]:-moz-lwtheme-darktext,
#star-button[open=true]:-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}

/* Tracking */
#tracking-protection-icon-container {
	border-radius: 6px;
	margin: 2px;
}

/* Identity */
#identity-box {
	border-radius: 6px;
	margin: 2px;
}

#identity-box:hover:not(.no-hover):not([open=true]),
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]) {
}

#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}

#identity-box:hover:active:not(.no-hover),
#identity-box[open=true],
#tracking-protection-icon-container:hover:active:not(.no-hover),
#tracking-protection-icon-container[open=true] {
}

#identity-box:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#identity-box:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#identity-box[open=true]:-moz-lwtheme-darktext,
#identity-box[open=true]:-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-darktext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-brighttext {
	background: var(--bf-hover-bg) !important;
}