1 From: Jakub Steiner <jimmac@novell.com> |
1 From: Jakub Steiner <jimmac@novell.com>, Wolfgang Rosenauer <wr@rosenauer.org |
2 Subject: make style compatible with dark themes |
2 Subject: make style compatible with dark themes |
3 References: |
3 References: |
4 https://bugzilla.novell.com/show_bug.cgi?id=503351 |
4 https://bugzilla.novell.com/show_bug.cgi?id=503351 |
|
5 https://bugzilla.mozilla.org/show_bug.cgi?id=478632 |
|
6 wr: changed because of |
|
7 https://bugzilla.novell.com/show_bug.cgi?id=561027 |
5 |
8 |
6 diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css |
9 diff --git a/browser/themes/gnomestripe/browser/browser.css b/browser/themes/gnomestripe/browser/browser.css |
7 --- a/browser/base/content/browser.css |
10 --- a/browser/themes/gnomestripe/browser/browser.css |
8 +++ b/browser/base/content/browser.css |
11 +++ b/browser/themes/gnomestripe/browser/browser.css |
9 @@ -4,16 +4,21 @@ |
12 @@ -788,16 +788,30 @@ toolbar[iconsize="small"] #fullscreen-bu |
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; |
13 display: none; |
29 } |
14 } |
30 |
15 |
31 @@ -25,31 +30,69 @@ toolbarpaletteitem[place="palette"] > to |
16 #PopupAutoComplete, |
32 #browser-bottombox[lwthemefooter="true"] { |
17 #PopupAutoCompleteRichResult { |
33 background-repeat: no-repeat; |
18 direction: ltr !important; |
34 background-position: bottom left; |
|
35 } |
19 } |
36 |
20 |
37 /* ::::: location bar ::::: */ |
21 +#PopupAutoCompleteRichResult .autocomplete-richlistitem { |
38 #urlbar { |
22 + background-color: -moz-Field !important; |
39 -moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar); |
23 +} |
40 + -moz-appearance: textfield !important; |
24 + |
|
25 +#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"], |
|
26 +#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected="true"] * { |
|
27 + color: HighlightText !important; |
|
28 + background: Highlight !important; |
|
29 +} |
|
30 + |
|
31 +.ac-title { |
|
32 + color: -moz-Fieldtext !important; |
|
33 +} |
|
34 + |
|
35 #PopupAutoComplete:-moz-locale-dir(rtl) > tree > treerows { |
|
36 direction: rtl; |
41 } |
37 } |
42 |
38 |
43 + #urlbar .autocomplete-textbox-container { |
39 #PopupAutoComplete .autocomplete-treebody { |
44 + background-color: -moz-Field !important; |
40 direction: ltr; |
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 } |
41 } |
57 |
42 |
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 +} |
|