Bug 1732301 - [Mail] Replace the "Highlight" system color with "SelectedItem". r=aleca
This commit is contained in:
Родитель
8f2ad15570
Коммит
b8d8d151db
|
@ -584,7 +584,7 @@ richlistitem:not([selected]) .protoIconDimmed {
|
|||
}
|
||||
|
||||
#listSplitter[state="collapsed"]:hover {
|
||||
border-inline-start: 4px solid highlight;
|
||||
border-inline-start: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#contextSplitter {
|
||||
|
@ -594,7 +594,7 @@ richlistitem:not([selected]) .protoIconDimmed {
|
|||
}
|
||||
|
||||
#contextSplitter[state="collapsed"]:hover {
|
||||
border-inline-end: 4px solid highlight;
|
||||
border-inline-end: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#conv-toolbar {
|
||||
|
@ -642,7 +642,7 @@ richlistitem:not([selected]) .protoIconDimmed {
|
|||
}
|
||||
|
||||
.conv-nicklist:focus > richlistitem[inactive][selected] > label {
|
||||
color: HighlightText !important;
|
||||
color: SelectedItemText !important;
|
||||
}
|
||||
|
||||
/* from instantbird/themes/blist.css */
|
||||
|
|
|
@ -114,11 +114,11 @@ richlistitem .account-buttons {
|
|||
}
|
||||
|
||||
richlistitem[dragover="down"] {
|
||||
border-bottom: 3px solid HighLight;
|
||||
border-bottom: 3px solid SelectedItem;
|
||||
}
|
||||
|
||||
richlistitem[dragover="up"] {
|
||||
border-top: 3px solid HighLight;
|
||||
border-top: 3px solid SelectedItem;
|
||||
}
|
||||
|
||||
:root:not([lwt-tree]) #bottombuttons button,
|
||||
|
|
|
@ -7,12 +7,12 @@
|
|||
#body {
|
||||
--popupColor: Menu;
|
||||
--popupBorder: ThreeDShadow;
|
||||
--popupHLColor: Highlight;
|
||||
--popupHLTextColor: HighlightText;
|
||||
--barColor: Highlight;
|
||||
--popupHLColor: SelectedItem;
|
||||
--popupHLTextColor: SelectedItemText;
|
||||
--barColor: SelectedItem;
|
||||
--barHlColor: -moz-nativehyperlinktext;
|
||||
--dateColor: rgba(0,0,0,0.1);
|
||||
--dateHLColor: Highlight;
|
||||
--dateHLColor: SelectedItem;
|
||||
--borderRadius: 3px;
|
||||
--buttonHoverColor: ButtonShadow;
|
||||
--buttonHoverTextColor: -moz-ButtonHoverText;
|
||||
|
@ -43,5 +43,5 @@
|
|||
|
||||
.bar:hover > .bar-link,
|
||||
.bar:focus > .bar-link {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
|
|
@ -61,7 +61,7 @@ menu > #folderLocationPopup > menuitem > .menu-iconic-left {
|
|||
}
|
||||
|
||||
#folderpane_splitter[state="collapsed"]:hover {
|
||||
border-inline-start: 4px solid highlight;
|
||||
border-inline-start: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter:not([orient="vertical"]) {
|
||||
|
@ -78,7 +78,7 @@ menu > #folderLocationPopup > menuitem > .menu-iconic-left {
|
|||
}
|
||||
|
||||
#threadpane-splitter[state="collapsed"]:not([orient="vertical"]):hover {
|
||||
border-inline-end: 4px solid highlight;
|
||||
border-inline-end: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter,
|
||||
|
@ -113,7 +113,7 @@ menu > #folderLocationPopup > menuitem > .menu-iconic-left {
|
|||
|
||||
#threadpane-splitter[state="collapsed"]:hover,
|
||||
#attachment-splitter[state="collapsed"]:hover {
|
||||
border-bottom: 4px solid highlight;
|
||||
border-bottom: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
/* ..... status bar adjustments ..... */
|
||||
|
@ -137,8 +137,8 @@ menu > #folderLocationPopup > menuitem > .menu-iconic-left {
|
|||
}
|
||||
|
||||
#threadTree > treechildren::-moz-tree-row(selected, focus) {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
/* ..... tabs ..... */
|
||||
|
|
|
@ -55,5 +55,5 @@
|
|||
}
|
||||
|
||||
#attachment-splitter[state="collapsed"]:hover {
|
||||
border-bottom: 4px solid highlight;
|
||||
border-bottom: 4px solid SelectedItem;
|
||||
}
|
||||
|
|
|
@ -18,11 +18,11 @@
|
|||
--noselect-folder-color: GrayText;
|
||||
--new-folder-color: -moz-hyperlinktext;
|
||||
--row-grouped-header-bg-color: -moz-dialog;
|
||||
--row-grouped-header-bg-color-selected: Highlight;
|
||||
--row-grouped-header-bg-color-selected: SelectedItem;
|
||||
--panel-separator-color: ThreeDShadow;
|
||||
--splitter-color: ThreeDShadow;
|
||||
--autocomplete-popup-url-color: -moz-nativehyperlinktext;
|
||||
--select-focus-text-color: HighlightText;
|
||||
--select-focus-text-color: SelectedItemText;
|
||||
}
|
||||
|
||||
:root:-moz-lwtheme {
|
||||
|
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
:root:not([lwt-tree]) #dirTree treechildren::-moz-tree-row(selected, focus) {
|
||||
appearance: none;
|
||||
background-color: Highlight;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
#dirTree treechildren::-moz-tree-cell-text {
|
||||
|
@ -76,7 +76,7 @@
|
|||
:root:not([lwt-tree]) #dirTree treechildren::-moz-tree-image(selected, focus),
|
||||
:root:not([lwt-tree]) #dirTree treechildren::-moz-tree-twisty(selected, focus),
|
||||
:root:not([lwt-tree]) #dirTree treechildren::-moz-tree-cell-text(selected, focus) {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
/* splitters */
|
||||
|
|
|
@ -37,5 +37,5 @@
|
|||
|
||||
.bar:hover > .bar-link,
|
||||
.bar:focus > .bar-link {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
|
|
@ -54,7 +54,7 @@ treechildren::-moz-tree-row(modeHeader) {
|
|||
|
||||
:root:not([lwt-tree]) #folderTree treechildren::-moz-tree-row(selected, focus) {
|
||||
appearance: none;
|
||||
background-color: Highlight;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
#folderTree treechildren::-moz-tree-cell-text {
|
||||
|
@ -73,8 +73,8 @@ treechildren::-moz-tree-row(modeHeader) {
|
|||
:root:not([lwt-tree]) #folderTree treechildren::-moz-tree-image(selected, focus),
|
||||
:root:not([lwt-tree]) #folderTree treechildren::-moz-tree-twisty(selected, focus),
|
||||
:root:not([lwt-tree]) #folderTree treechildren::-moz-tree-cell-text(selected, focus) {
|
||||
color: HighlightText;
|
||||
fill: HighlightText;
|
||||
color: SelectedItemText;
|
||||
fill: SelectedItemText;
|
||||
}
|
||||
|
||||
/* ::::: thread decoration ::::: */
|
||||
|
@ -116,7 +116,7 @@ treechildren::-moz-tree-row(dummy) {
|
|||
}
|
||||
|
||||
#folderpane_splitter[state="collapsed"]:hover {
|
||||
border-inline-start: 4px solid highlight;
|
||||
border-inline-start: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter:not([orient="vertical"]) {
|
||||
|
@ -126,7 +126,7 @@ treechildren::-moz-tree-row(dummy) {
|
|||
}
|
||||
|
||||
#threadpane-splitter[state="collapsed"]:not([orient="vertical"]):hover {
|
||||
border-inline-end: 4px solid highlight;
|
||||
border-inline-end: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter,
|
||||
|
@ -160,7 +160,7 @@ treechildren::-moz-tree-row(dummy) {
|
|||
|
||||
#threadpane-splitter[state="collapsed"]:hover,
|
||||
#attachment-splitter[state="collapsed"]:hover {
|
||||
border-bottom: 4px solid highlight;
|
||||
border-bottom: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
.telemetry-text-link {
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
#reminderBarPopup > menuitem[_moz-menuactive="true"] {
|
||||
-moz-font-smoothing-background-color: -moz-mac-active-menuitem;
|
||||
color: -moz-mac-menutextselect;
|
||||
background-color: Highlight;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
@media (-moz-mac-big-sur-theme) {
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
--panel-separator-color: hsla(210, 4%, 10%, .14);
|
||||
--splitter-color: #bdbdbd;
|
||||
--autocomplete-popup-url-color: hsl(210, 77%, 47%);
|
||||
--select-focus-text-color: HighlightText;
|
||||
--select-focus-text-color: SelectedItemText;
|
||||
--noselect-folder-color: gray;
|
||||
--new-folder-color: blue;
|
||||
}
|
||||
|
@ -278,7 +278,7 @@ treechildren::-moz-tree-line {
|
|||
}
|
||||
|
||||
treechildren::-moz-tree-line(selected, focus) {
|
||||
border-color: HighlightText;
|
||||
border-color: SelectedItemText;
|
||||
}
|
||||
|
||||
/* message column icons */
|
||||
|
|
|
@ -9,12 +9,12 @@
|
|||
:host,
|
||||
:root {
|
||||
appearance: none;
|
||||
--popup-item-hover-text: HighlightText;
|
||||
--popup-item-hover: Highlight;
|
||||
--popup-item-hover-text: SelectedItemText;
|
||||
--popup-item-hover: SelectedItem;
|
||||
}
|
||||
|
||||
:root[lwt-default-theme-in-dark-mode] {
|
||||
--popup-item-hover: Highlight;
|
||||
--popup-item-hover: SelectedItem;
|
||||
}
|
||||
|
||||
@media (-moz-mac-big-sur-theme) {
|
||||
|
|
|
@ -380,7 +380,7 @@ aside.settings-btn-container {
|
|||
}
|
||||
|
||||
.donation-link:focus:not(:hover) {
|
||||
outline: 1px dotted Highlight;
|
||||
outline: 1px dotted SelectedItem;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
|
@ -430,7 +430,7 @@ aside.settings-btn-container {
|
|||
}
|
||||
|
||||
.resource-link:focus:not(:hover) {
|
||||
outline: 1px dotted Highlight;
|
||||
outline: 1px dotted SelectedItem;
|
||||
}
|
||||
|
||||
#featuresLink::before {
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
@media (prefers-contrast) {
|
||||
:root {
|
||||
--in-content-accent-color: Highlight;
|
||||
--in-content-accent-color: SelectedItem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
}
|
||||
|
||||
.attachmentList[seltype="multiple"]:focus .attachmentItem[current="true"] {
|
||||
border-color: Highlight;
|
||||
border-color: SelectedItem;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -24,11 +24,11 @@
|
|||
--field-background-color: Field;
|
||||
--field-border-color: rgba(128, 128, 128, .6);
|
||||
--field-border-hover-color: rgba(128, 128, 128, .8);
|
||||
--highlight-color: Highlight;
|
||||
--highlight-color: SelectedItem;
|
||||
--popup-item-hover: rgba(128, 128, 128, .2);
|
||||
--popup-item-hover-text: MenuText;
|
||||
--popup-item-selected: Highlight;
|
||||
--popup-selected-text: HighlightText;
|
||||
--popup-item-selected: SelectedItem;
|
||||
--popup-selected-text: SelectedItemText;
|
||||
--richlist-button-background: -moz-Dialog;
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
:root {
|
||||
--new-focused-folder-color: HighlightText;
|
||||
--new-focused-folder-color: SelectedItemText;
|
||||
--unread-folder-color: inherit;
|
||||
}
|
||||
|
||||
|
|
|
@ -212,8 +212,8 @@ html[dir="rtl"] .facet-date-zoom-out {
|
|||
}
|
||||
|
||||
.facetious[type="date"][zoomedout="false"] .facet-date-zoom-out:hover {
|
||||
fill: HighlightText;
|
||||
background-color: Highlight;
|
||||
fill: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
border-color: Field;
|
||||
}
|
||||
|
||||
|
@ -264,8 +264,8 @@ facet-boolean:not([disabled]):hover > .facet-checkbox-bubble,
|
|||
facet-boolean-filtered:not([disabled]):hover > .facet-checkbox-bubble,
|
||||
facet-boolean[checked="true"]:not([disabled]) > .facet-checkbox-bubble,
|
||||
facet-boolean-filtered[checked="true"]:not([disabled]) > .facet-checkbox-bubble {
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
background-color: SelectedItem;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
.facet-checkbox-label,
|
||||
|
@ -333,13 +333,13 @@ html[dir="rtl"] .bar-count {
|
|||
}
|
||||
|
||||
.bar[selected="true"] {
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
background-color: SelectedItem;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
.bar:hover,
|
||||
.bar:focus {
|
||||
background-color: Highlight;
|
||||
background-color: SelectedItem;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
@ -375,14 +375,14 @@ html[dir="rtl"] .bar-link {
|
|||
.bar:hover > .bar-count,
|
||||
.bar:focus > .bar-link,
|
||||
.bar:focus > .bar-count {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
.bar[selected="true"]> .bar-link {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
.bar[selected="true"] > .bar-count {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
/* ===== Results ===== */
|
||||
|
@ -425,8 +425,8 @@ html[dir="rtl"] .bar-link {
|
|||
|
||||
.results-message-showall-button:hover,
|
||||
.results-message-showall-button:focus {
|
||||
background-color: Highlight;
|
||||
color: Highlighttext;
|
||||
background-color: SelectedItem;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
.results-message-sort-bar {
|
||||
|
@ -488,13 +488,13 @@ html[dir="rtl"] .bar-link {
|
|||
}
|
||||
|
||||
.message:hover .message-subject {
|
||||
color: Highlight;
|
||||
color: SelectedItem;
|
||||
}
|
||||
|
||||
.message .message-subject:hover,
|
||||
.message .message-subject:focus {
|
||||
background-color: Highlight;
|
||||
color: Highlighttext;
|
||||
background-color: SelectedItem;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
.message:focus,
|
||||
|
@ -602,8 +602,8 @@ html[dir="rtl"] .message-attachment-icon {
|
|||
}
|
||||
|
||||
.message-body-fulltext-match {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
border-radius: var(--borderRadius);
|
||||
}
|
||||
|
||||
|
|
|
@ -204,8 +204,8 @@ mail-tagfield[collapsed="true"] {
|
|||
#attachmentName:hover,
|
||||
#attachmentName[selected="true"] {
|
||||
cursor: pointer;
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
#attachmentSize {
|
||||
|
@ -405,8 +405,8 @@ mail-newsgroups-headerfield.headerValueBox {
|
|||
|
||||
.emailDisplayButton:hover {
|
||||
cursor: pointer;
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
.emailDisplayButton:focus-visible:not(:hover) {
|
||||
|
@ -419,8 +419,8 @@ mail-emailaddress[selected="true"] > .emailDisplayButton {
|
|||
* and tweak the bottom to blend in more w/ the menu
|
||||
*/
|
||||
cursor: pointer;
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
@ -480,7 +480,7 @@ mail-emailaddress button.email-action-button {
|
|||
|
||||
.emailDisplayButton:hover .emailStar,
|
||||
mail-emailaddress[selected="true"] > .emailDisplayButton .emailStar {
|
||||
fill: HighlightText;
|
||||
fill: SelectedItemText;
|
||||
}
|
||||
|
||||
.emaillabel {
|
||||
|
|
|
@ -33,8 +33,8 @@ body {
|
|||
|
||||
--autocomplete-popup-background: Field;
|
||||
--autocomplete-popup-color: FieldText;
|
||||
--autocomplete-popup-highlight-background: Highlight;
|
||||
--autocomplete-popup-highlight-color: HighlightText;
|
||||
--autocomplete-popup-highlight-background: SelectedItem;
|
||||
--autocomplete-popup-highlight-color: SelectedItemText;
|
||||
--button-bgcolor: color-mix(in srgb, currentColor 13%, transparent);
|
||||
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent);
|
||||
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
|
||||
|
@ -76,8 +76,8 @@ body {
|
|||
--toolbarbutton-icon-fill-attention: var(--lwt-toolbarbutton-icon-fill-attention, #0a84ff);
|
||||
--toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent);
|
||||
--toolbar-field-focus-border-color: -moz-accent-color;
|
||||
--toolbar-field-highlight: Highlight;
|
||||
--toolbar-field-highlight-color: HighlightText;
|
||||
--toolbar-field-highlight: SelectedItem;
|
||||
--toolbar-field-highlight-color: SelectedItemText;
|
||||
--item-focus-selected-border-color: #0060df;
|
||||
--default: #4f526d;
|
||||
--primary: #0a84ff;
|
||||
|
@ -306,7 +306,7 @@ treechildren::-moz-tree-row(selected) {
|
|||
}
|
||||
|
||||
treechildren::-moz-tree-row(selected, focus) {
|
||||
background-color: Highlight;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
treechildren::-moz-tree-twisty {
|
||||
|
@ -995,7 +995,7 @@ html|ul.addon-installed-list {
|
|||
}
|
||||
|
||||
.button-flat:focus-visible:not(:hover) {
|
||||
outline: 2px solid Highlight;
|
||||
outline: 2px solid SelectedItem;
|
||||
}
|
||||
|
||||
:root[lwt-tree] tree,
|
||||
|
@ -1056,16 +1056,16 @@ tree:-moz-lwtheme:not(:focus)
|
|||
}
|
||||
|
||||
tree > treechildren::-moz-tree-row(dropOn) {
|
||||
border-color: HighlightText;
|
||||
background-color: Highlight;
|
||||
border-color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
tree > treechildren::-moz-tree-cell-text(primary, dropOn) {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
tree > treechildren::-moz-tree-image(primary, dropOn) {
|
||||
fill: HighlightText !important;
|
||||
fill: SelectedItemText !important;
|
||||
}
|
||||
|
||||
:root[lwt-tree] treecol:not([hideheader="true"]),
|
||||
|
|
|
@ -262,8 +262,8 @@ splitter:not([orient="vertical"]) {
|
|||
}
|
||||
|
||||
#newAttachmentIndicator {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
font-size: 0.85em;
|
||||
padding: 2px 5px;
|
||||
border-radius: 10px;
|
||||
|
@ -323,8 +323,8 @@ splitter:not([orient="vertical"]) {
|
|||
}
|
||||
|
||||
#attachmentBucketSize {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
padding: 3px 5px;
|
||||
|
@ -749,8 +749,8 @@ toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-icon,
|
|||
}
|
||||
|
||||
.autocomplete-richlistitem[selected] {
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
background-color: SelectedItem;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
/* :::: autocomplete icons :::: */
|
||||
|
@ -1037,12 +1037,12 @@ toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-icon,
|
|||
#MsgHeadersToolbar[brighttext] .address-pill[selected]:not(.editing),
|
||||
.address-pill.invalid-address[selected]:not(.editing),
|
||||
#MsgHeadersToolbar[brighttext] .address-pill.invalid-address[selected]:not(.editing) {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
.address-pill[selected]:not(.editing) .pill-indicator {
|
||||
fill: Highlight;
|
||||
fill: SelectedItem;
|
||||
}
|
||||
|
||||
.address-identity-recipient {
|
||||
|
|
|
@ -8,8 +8,8 @@
|
|||
:root {
|
||||
--body-background-color: Field;
|
||||
--body-text-color: FieldText;
|
||||
--header-background-color: Highlight;
|
||||
--head-text-color: HighlightText;
|
||||
--header-background-color: SelectedItem;
|
||||
--head-text-color: SelectedItemText;
|
||||
--info-text-color: GrayText;
|
||||
background-color: var(--body-background-color);
|
||||
color: var(--body-text-color);
|
||||
|
|
|
@ -99,7 +99,7 @@ treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
|
|||
--field-background-color: #fff;
|
||||
--field-border-color: rgba(0, 0, 0, .3);
|
||||
--field-border-hover-color: rgba(0, 0, 0, .4);
|
||||
--highlight-color: Highlight;
|
||||
--highlight-color: SelectedItem;
|
||||
}
|
||||
|
||||
:root[lwt-tree] #searchTermBox,
|
||||
|
|
|
@ -105,16 +105,16 @@
|
|||
@media (prefers-contrast) {
|
||||
:root:not(:-moz-lwtheme) {
|
||||
--button-bgcolor: ButtonFace;
|
||||
--button-hover-bgcolor: Highlight;
|
||||
--button-active-bgcolor: Highlight;
|
||||
--button-text-active: HighlightText;
|
||||
--button-hover-bgcolor: SelectedItem;
|
||||
--button-active-bgcolor: SelectedItem;
|
||||
--button-text-active: SelectedItemText;
|
||||
--button-border-color: ThreeDShadow;
|
||||
--field-border-color: ThreeDShadow;
|
||||
--field-border-hover-color: HighlightText;
|
||||
--popup-item-hover: Highlight;
|
||||
--popup-item-hover-text: HighlightText;
|
||||
--tab-hover-background: Highlight;
|
||||
--tab-selected-background: Highlight;
|
||||
--field-border-hover-color: SelectedItemText;
|
||||
--popup-item-hover: SelectedItem;
|
||||
--popup-item-hover-text: SelectedItemText;
|
||||
--tab-hover-background: SelectedItem;
|
||||
--tab-selected-background: SelectedItem;
|
||||
}
|
||||
|
||||
button[open],
|
||||
|
|
|
@ -13,12 +13,12 @@
|
|||
--bg-color: Window;
|
||||
--text-color: WindowText;
|
||||
--title-color: -moz-DialogText;
|
||||
--primary-color: Highlight;
|
||||
--primary-color-hover: Highlight;
|
||||
--primary-color: SelectedItem;
|
||||
--primary-color-hover: SelectedItem;
|
||||
--btn-color: -moz-DialogText;
|
||||
--btn-color-hover: HighlightText;
|
||||
--btn-color-hover: SelectedItemText;
|
||||
--btn-bg: Dialog;
|
||||
--btn-bg-hover: Highlight;
|
||||
--btn-bg-hover: SelectedItem;
|
||||
--btn-shadow-hover: transparent;
|
||||
--popup-bg: Window;
|
||||
}
|
||||
|
|
|
@ -82,18 +82,18 @@
|
|||
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme) .address-pill:hover:not(.editing),
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme) .address-pill:focus:not(.editing) {
|
||||
box-shadow: inset 0 0 0 1px Highlight;
|
||||
box-shadow: inset 0 0 0 1px SelectedItem;
|
||||
}
|
||||
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme) .address-pill[selected] {
|
||||
color: HighlightText;
|
||||
background-color: Highlight;
|
||||
box-shadow: inset 0 0 0 1px Highlight, inset 0 0 0 2em Highlight;
|
||||
color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
box-shadow: inset 0 0 0 1px SelectedItem, inset 0 0 0 2em SelectedItem;
|
||||
}
|
||||
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme) .address-pill[selected]:hover:not(.editing),
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme) .address-pill[selected]:focus:not(.editing) {
|
||||
box-shadow: inset 0 0 0 1px HighlightText, inset 0 0 0 2em Highlight;
|
||||
box-shadow: inset 0 0 0 1px SelectedItemText, inset 0 0 0 2em SelectedItem;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
@ -103,7 +103,7 @@
|
|||
|
||||
#MsgHeadersToolbar:not(:-moz-lwtheme)
|
||||
.address-pill:not([selected],.editing):hover .pill-indicator {
|
||||
fill: Highlight;
|
||||
fill: SelectedItem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -16,7 +16,7 @@ treechildren::-moz-tree-image(folderNameCol) {
|
|||
}
|
||||
|
||||
treechildren::-moz-tree-image(folderNameCol, selected) {
|
||||
--unread-folder-color: HighlightText;
|
||||
--unread-folder-color: SelectedItemText;
|
||||
}
|
||||
|
||||
#folderTree treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
|
||||
|
@ -24,12 +24,12 @@ treechildren::-moz-tree-image(folderNameCol) {
|
|||
}
|
||||
|
||||
treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
|
||||
fill: Highlight !important;
|
||||
fill: SelectedItem !important;
|
||||
}
|
||||
|
||||
:root:not(:-moz-lwtheme) treechildren::-moz-tree-image(folderNameCol) {
|
||||
--default: FieldText;
|
||||
--primary: Highlight;
|
||||
--primary: SelectedItem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -7,12 +7,12 @@
|
|||
#body {
|
||||
--popupColor: Menu;
|
||||
--popupBorder: ThreeDShadow;
|
||||
--popupHLColor: Highlight;
|
||||
--popupHLTextColor: HighlightText;
|
||||
--barColor: Highlight;
|
||||
--popupHLColor: SelectedItem;
|
||||
--popupHLTextColor: SelectedItemText;
|
||||
--barColor: SelectedItem;
|
||||
--barHlColor: -moz-nativehyperlinktext;
|
||||
--dateColor: rgba(0,0,0,0.1);
|
||||
--dateHLColor: Highlight;
|
||||
--dateHLColor: SelectedItem;
|
||||
--borderRadius: 0;
|
||||
--buttonHoverColor: ButtonShadow;
|
||||
--buttonHoverTextColor: -moz-ButtonHoverText;
|
||||
|
@ -47,5 +47,5 @@
|
|||
|
||||
.bar:hover > .bar-link,
|
||||
.bar:focus > .bar-link {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
|
|
@ -408,8 +408,8 @@ treechildren::-moz-tree-row(dummy, selected, focus) {
|
|||
background-color: Field;
|
||||
}
|
||||
.titlebar-button:hover {
|
||||
stroke: HighlightText;
|
||||
background-color: Highlight;
|
||||
stroke: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
#titlebar-min {
|
||||
|
@ -450,7 +450,7 @@ treechildren::-moz-tree-row(dummy, selected, focus) {
|
|||
}
|
||||
|
||||
#folderpane_splitter[state="collapsed"]:hover {
|
||||
border-inline-start: 4px solid highlight;
|
||||
border-inline-start: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter:not([orient="vertical"]) {
|
||||
|
@ -460,7 +460,7 @@ treechildren::-moz-tree-row(dummy, selected, focus) {
|
|||
}
|
||||
|
||||
#threadpane-splitter[state="collapsed"]:not([orient="vertical"]):hover {
|
||||
border-inline-end: 4px solid highlight;
|
||||
border-inline-end: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#threadpane-splitter,
|
||||
|
@ -494,7 +494,7 @@ treechildren::-moz-tree-row(dummy, selected, focus) {
|
|||
|
||||
#threadpane-splitter[state="collapsed"]:hover,
|
||||
#attachment-splitter[state="collapsed"]:hover {
|
||||
border-bottom: 4px solid highlight;
|
||||
border-bottom: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
#messagepanebox {
|
||||
|
@ -530,7 +530,7 @@ treechildren::-moz-tree-row(dummy, selected, focus) {
|
|||
|
||||
:root:not(:-moz-lwtheme)
|
||||
treechildren::-moz-tree-cell-text(selected, untagged, unread, focus) {
|
||||
color: HighlightText !important;
|
||||
color: SelectedItemText !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -59,7 +59,7 @@
|
|||
}
|
||||
|
||||
#attachment-splitter[state="collapsed"]:hover {
|
||||
border-bottom: 4px solid highlight;
|
||||
border-bottom: 4px solid SelectedItem;
|
||||
}
|
||||
|
||||
@media (-moz-os-version: windows-win10) and (-moz-windows-default-theme) {
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
:root {
|
||||
--autocomplete-popup-url-color: -moz-nativehyperlinktext;
|
||||
--tabline-color: Highlight;
|
||||
--tabline-color: SelectedItem;
|
||||
--glassShadowColor: hsla(240, 5%, 5%, .3);
|
||||
--new-folder-color: -moz-hyperlinktext;
|
||||
--noselect-folder-color: GrayText;
|
||||
|
@ -21,7 +21,7 @@
|
|||
rgba(255, 255, 255, .15));
|
||||
--chrome-content-separator-color: ThreeDShadow;
|
||||
--row-grouped-header-bg-color: -moz-dialog;
|
||||
--row-grouped-header-bg-color-selected: Highlight;
|
||||
--row-grouped-header-bg-color-selected: SelectedItem;
|
||||
--panel-separator-color: ThreeDLightShadow;
|
||||
--splitter-color: ThreeDShadow;
|
||||
}
|
||||
|
@ -61,15 +61,15 @@
|
|||
|
||||
@media (prefers-contrast) {
|
||||
:root {
|
||||
--select-focus-text-color: HighlightText;
|
||||
--select-focus-text-color: SelectedItemText;
|
||||
--tabs-border-color: ThreeDShadow;
|
||||
--tabline-color: Highlight;
|
||||
--item-focus-selected-border-color: HighlightText;
|
||||
--tabline-color: SelectedItem;
|
||||
--item-focus-selected-border-color: SelectedItemText;
|
||||
--new-folder-color: Highligt;
|
||||
--menuitem-vertical-padding: 3px;
|
||||
--arrowpanel-dimmed: Highlight;
|
||||
--arrowpanel-dimmed-further: Highlight;
|
||||
--toolbar-field-focus-border-color: Highlight;
|
||||
--arrowpanel-dimmed: SelectedItem;
|
||||
--arrowpanel-dimmed-further: SelectedItem;
|
||||
--toolbar-field-focus-border-color: SelectedItem;
|
||||
}
|
||||
|
||||
:root:not(:-moz-lwtheme) .themeable-full,
|
||||
|
@ -77,13 +77,13 @@
|
|||
:root:not(:-moz-lwtheme) #navigation-toolbox > toolbar,
|
||||
:root:not(:-moz-lwtheme) #todaypane-new-event-button,
|
||||
:root:not(:-moz-lwtheme) #CardViewBox {
|
||||
--toolbarbutton-hover-background: Highlight;
|
||||
--toolbarbutton-hover-bordercolor: HighlightText !important;
|
||||
--toolbarbutton-header-bordercolor: HighlightText;
|
||||
--toolbarbutton-active-background: Highlight;
|
||||
--toolbarbutton-active-bordercolor: HighlightText;
|
||||
--toolbarbutton-checked-background: Highlight;
|
||||
--toolbarbutton-icon-fill-attention: Highlight;
|
||||
--toolbarbutton-hover-background: SelectedItem;
|
||||
--toolbarbutton-hover-bordercolor: SelectedItemText !important;
|
||||
--toolbarbutton-header-bordercolor: SelectedItemText;
|
||||
--toolbarbutton-active-background: SelectedItem;
|
||||
--toolbarbutton-active-bordercolor: SelectedItemText;
|
||||
--toolbarbutton-checked-background: SelectedItem;
|
||||
--toolbarbutton-icon-fill-attention: SelectedItem;
|
||||
}
|
||||
|
||||
:root:not(:-moz-lwtheme) .toolbarbutton-1:not(.qfb-tag-button):hover,
|
||||
|
@ -91,7 +91,7 @@
|
|||
:root:not(:-moz-lwtheme) #todaypane-new-event-button:hover,
|
||||
:root:not(:-moz-lwtheme) .toolbarbutton-1[checked="true"],
|
||||
:root:not(:-moz-lwtheme) .toolbarbutton-menubutton-button:hover {
|
||||
color: HighlightText !important;
|
||||
color: SelectedItemText !important;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
|
@ -281,7 +281,7 @@ treechildren::-moz-tree-cell-text {
|
|||
|
||||
@media (-moz-windows-default-theme: 0) {
|
||||
tree > treechildren::-moz-tree-row(hover) {
|
||||
border-color: HighlightText !important;
|
||||
border-color: SelectedItemText !important;
|
||||
border-style: solid;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
@ -297,13 +297,13 @@ treechildren::-moz-tree-cell-text {
|
|||
|
||||
tree > treechildren::-moz-tree-row(tagged, selected) {
|
||||
background-color: transparent;
|
||||
border-color: Highlight;
|
||||
border-color: SelectedItem;
|
||||
}
|
||||
|
||||
#threadTree > treechildren::-moz-tree-row(untagged, selected, focus),
|
||||
tree:not(#threadTree) > treechildren::-moz-tree-row(selected, focus) {
|
||||
border-color: HighlightText;
|
||||
background-color: Highlight;
|
||||
border-color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
|
||||
tree > treechildren::-moz-tree-twisty {
|
||||
|
@ -314,7 +314,7 @@ treechildren::-moz-tree-cell-text {
|
|||
tree > treechildren::-moz-tree-cell-text(dropOn),
|
||||
#threadTree > treechildren::-moz-tree-cell-text(untagged, selected, focus),
|
||||
tree:not(#threadTree) > treechildren::-moz-tree-cell-text(selected, focus) {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
|
@ -323,7 +323,7 @@ treechildren::-moz-tree-cell-text {
|
|||
}
|
||||
|
||||
.autocomplete-richlistitem:hover {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -475,8 +475,8 @@ treechildren::-moz-tree-indentation {
|
|||
|
||||
:root:not(:-moz-lwtheme) tree:not(#threadTree) > treechildren::-moz-tree-row(selected, focus),
|
||||
:root:not(:-moz-lwtheme) #threadTree > treechildren::-moz-tree-row(untagged, selected, focus) {
|
||||
border-color: HighlightText;
|
||||
background-color: Highlight;
|
||||
border-color: SelectedItemText;
|
||||
background-color: SelectedItem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -45,8 +45,8 @@
|
|||
.toolbarbutton-1.msgHeaderView-button:not([type="menu-button"],[disabled="true"]):hover,
|
||||
:root:not(:-moz-lwtheme)
|
||||
.toolbarbutton-1.msgHeaderView-button:not([type="menu-button"],[disabled="true"]):hover:active {
|
||||
background-image: linear-gradient(Highlight, Highlight) !important;
|
||||
color: HighlightText !important;
|
||||
border-color: HighlightText !important;
|
||||
background-image: linear-gradient(SelectedItem, SelectedItem) !important;
|
||||
color: SelectedItemText !important;
|
||||
border-color: SelectedItemText !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -24,7 +24,7 @@ menupopup.cui-widget-panel[type="arrow"] {
|
|||
.widget-overflow-list .toolbarbutton-1:not([disabled],[open],:active):is(:hover,:focus-visible),
|
||||
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) >
|
||||
toolbarbutton:not([disabled],[open],:active):is(:hover,:focus-visible) {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
|
||||
panelview .toolbarbutton-1:not([disabled]):is([open],:hover:active),
|
||||
|
@ -35,7 +35,7 @@ menupopup.cui-widget-panel[type="arrow"] {
|
|||
.widget-overflow-list .toolbarbutton-1:not([disabled]):is([open],:hover:active),
|
||||
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) >
|
||||
toolbarbutton:not([disabled]):is([open],:hover:active) {
|
||||
color: HighlightText;
|
||||
color: SelectedItemText;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Загрузка…
Ссылка в новой задаче