|
8
|
1 |
From: Jakub Steiner <jimmac@novell.com>
|
|
|
2 |
Subject: make style compatible with dark themes
|
|
|
3 |
References:
|
|
|
4 |
https://bugzilla.novell.com/show_bug.cgi?id=503351
|
|
|
5 |
|
|
1
|
6 |
diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css
|
|
|
7 |
--- a/browser/base/content/browser.css
|
|
|
8 |
+++ b/browser/base/content/browser.css
|
|
|
9 |
@@ -4,16 +4,21 @@
|
|
|
10 |
searchbar {
|
|
|
11 |
-moz-binding: url("chrome://browser/content/search/search.xml#searchbar");
|
|
|
12 |
}
|
|
|
13 |
|
|
|
14 |
tabbrowser {
|
|
|
15 |
-moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser");
|
|
|
16 |
}
|
|
|
17 |
|
|
|
18 |
+ /* Remove focus lines from tabs */
|
|
|
19 |
+ .tabbrowser-tab > .tab-text {
|
|
|
20 |
+ border: 1px dotted transparent !important;
|
|
|
21 |
+ }
|
|
|
22 |
+
|
|
|
23 |
toolbar[printpreview="true"] {
|
|
|
24 |
-moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar");
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
toolbarpaletteitem[place="palette"] > toolbaritem > hbox[type="places"] {
|
|
|
28 |
display: none;
|
|
|
29 |
}
|
|
|
30 |
|
|
|
31 |
@@ -25,31 +30,69 @@ toolbarpaletteitem[place="palette"] > to
|
|
|
32 |
#browser-bottombox[lwthemefooter="true"] {
|
|
|
33 |
background-repeat: no-repeat;
|
|
|
34 |
background-position: bottom left;
|
|
|
35 |
}
|
|
|
36 |
|
|
|
37 |
/* ::::: location bar ::::: */
|
|
|
38 |
#urlbar {
|
|
|
39 |
-moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar);
|
|
|
40 |
+ -moz-appearance: textfield !important;
|
|
|
41 |
}
|
|
|
42 |
|
|
|
43 |
+ #urlbar .autocomplete-textbox-container {
|
|
|
44 |
+ background-color: -moz-Field !important;
|
|
|
45 |
+ -moz-appearance: none !important;
|
|
|
46 |
+ }
|
|
|
47 |
+
|
|
|
48 |
+ #urlbar > .autocomplete-history-dropmarker {
|
|
|
49 |
+ -moz-appearance: toolbarbutton-dropdown !important;
|
|
|
50 |
+ margin: 0px 3px 0px 5px !important;
|
|
|
51 |
+ }
|
|
|
52 |
+
|
|
|
53 |
#wrapper-urlbar-container > #urlbar-container > #urlbar {
|
|
|
54 |
-moz-user-input: disabled;
|
|
|
55 |
cursor: -moz-grab;
|
|
|
56 |
}
|
|
|
57 |
|
|
|
58 |
#PopupAutoComplete {
|
|
|
59 |
-moz-binding: url("chrome://browser/content/urlbarBindings.xml#browser-autocomplete-result-popup");
|
|
|
60 |
}
|
|
|
61 |
|
|
|
62 |
#PopupAutoCompleteRichResult {
|
|
|
63 |
-moz-binding: url("chrome://browser/content/urlbarBindings.xml#urlbar-rich-result-popup");
|
|
|
64 |
}
|
|
|
65 |
|
|
|
66 |
+ #PopupAutoCompleteRichResult .autocomplete-richlistitem
|
|
|
67 |
+ {
|
|
|
68 |
+ background: -moz-Field !important;
|
|
|
69 |
+ }
|
|
|
70 |
+
|
|
|
71 |
+ #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"]
|
|
|
72 |
+ {
|
|
|
73 |
+ background: Highlight !important;
|
|
|
74 |
+ }
|
|
|
75 |
+
|
|
|
76 |
+ #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"],
|
|
|
77 |
+ #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] *
|
|
|
78 |
+ {
|
|
|
79 |
+ color: HighlightText !important;
|
|
|
80 |
+ }
|
|
|
81 |
+
|
|
|
82 |
+ .ac-title
|
|
|
83 |
+ {
|
|
|
84 |
+ color: -moz-Fieldtext !important;
|
|
|
85 |
+ }
|
|
|
86 |
+
|
|
|
87 |
+ #PopupAutoComplete .autocomplete-treebody {
|
|
|
88 |
+ background-color: -moz-Field !important;
|
|
|
89 |
+ color: -moz-Fieldtext !important;
|
|
|
90 |
+ }
|
|
|
91 |
+
|
|
|
92 |
+
|
|
|
93 |
#urlbar-throbber:not([busy="true"]),
|
|
|
94 |
#urlbar-throbber[busy="true"] + #page-proxy-favicon {
|
|
|
95 |
display: none;
|
|
|
96 |
}
|
|
|
97 |
|
|
|
98 |
#feed-button > .button-box > .box-inherit > .button-text,
|
|
|
99 |
#feed-button > .button-box > .button-menu-dropmarker {
|
|
|
100 |
display: none;
|
|
|
101 |
@@ -69,16 +112,30 @@ toolbarpaletteitem[place="palette"] > to
|
|
|
102 |
max-width: 22em;
|
|
|
103 |
min-width: 1px;
|
|
|
104 |
}
|
|
|
105 |
|
|
|
106 |
#wrapper-search-container > #search-container > #searchbar > .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input {
|
|
|
107 |
visibility: hidden;
|
|
|
108 |
}
|
|
|
109 |
|
|
|
110 |
+/* Identity/Bookmark pop-up improvements */
|
|
|
111 |
+
|
|
|
112 |
+ #identity-popup-container {
|
|
|
113 |
+ -moz-appearance: dialog !important;
|
|
|
114 |
+ }
|
|
|
115 |
+
|
|
|
116 |
+ #editBookmarkPanel {
|
|
|
117 |
+ -moz-appearance: dialog !important;
|
|
|
118 |
+ }
|
|
|
119 |
+
|
|
|
120 |
+ #editBMPanel_foldersExpander, #editBMPanel_tagsSelectorExpander {
|
|
|
121 |
+ -moz-appearance: menulist-button !important;
|
|
|
122 |
+ }
|
|
|
123 |
+
|
|
|
124 |
/* ::::: Unified Back-/Forward Button ::::: */
|
|
|
125 |
#back-button > .toolbarbutton-menu-dropmarker,
|
|
|
126 |
#forward-button > .toolbarbutton-menu-dropmarker,
|
|
|
127 |
#back-forward-dropmarker > .toolbarbutton-icon,
|
|
|
128 |
#back-forward-dropmarker > .toolbarbutton-text {
|
|
|
129 |
display: none;
|
|
|
130 |
}
|
|
|
131 |
.unified-nav-current {
|
|
|
132 |
@@ -191,8 +248,17 @@ window[chromehidden~="toolbar"] toolbar:
|
|
|
133 |
#allTabs-tab-close-button {
|
|
|
134 |
-moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
|
|
|
135 |
margin: 0;
|
|
|
136 |
}
|
|
|
137 |
|
|
|
138 |
#allTabs-container {
|
|
|
139 |
display: block;
|
|
|
140 |
}
|
|
|
141 |
+
|
|
|
142 |
+/* Support for Fission add-on */
|
|
|
143 |
+
|
|
|
144 |
+#urlbar[fission="fusion"] > #statusbar-icon > .progress-bar {
|
|
|
145 |
+ background-color: Highlight !important;
|
|
|
146 |
+ -moz-appearance: progresschunk !important;
|
|
|
147 |
+ opacity: 0.4 !important;
|
|
|
148 |
+ margin: 1px !important;
|
|
|
149 |
+}
|