6/26/2023 0 Comments Pale moon addonsStyling for the all downloads view in the places window ![]() Hook to the built-in devtools styling for any add-ons which expect it Styling for the search engine manager window Styling for the address bar history drop-down Styling for the "set desktop background" window Search bar styling (buttons etc main styling is in browser.css) Styling for the private browsing information page Styling for the "clear recent history" window As such, here's a run-down of each CSS file in the default theme: Application styles (browser) /browser In fact, for most themes, hardly any is changed, compared to the amount of files that are available, as they serve their job well and most theme authors are reasonably content with how they are styled. Understanding the CSS filesĪs these CSS files will, in total, style the entire browser, each serves a particular purpose, and as such not all of them need changing, depending on what you want to do with your theme. The rest can stay the same.įor icon.png, this is a 64圆4 icon that will be used to display your theme on both about:addons and on the Pale Moon Add-ons Site. You will need to make sure to replace "theme-template" with whichever name you set in install.rdf. Skin os theme-template chrome/os/winnt/ os=WINNT Skin os theme-template chrome/os/darwin/ os=Darwin Skin mozapps theme-template chrome/mozapps/ Skin global theme-template chrome/global/ For example, see below: skin browser theme-template chrome/browser/ For chrome.manifest, you will note that the same name as was used for the em:internalName is used here. The Default Theme, packaged to build your own theme for Pale Moon.Īs noted in the comments in the file itself, you will need to make sure the names and IDs are changed accordingly to suit your theme. For reference, the copy that is included in the Default Theme Template is below: Theme Template There are three which you will need to adjust: install.rdf, chrome.manifest and icon.png. ![]() To make this theme your own, even without touching any CSS, you need to change the names and IDs used, plus the icon. This is literally the default theme, with the additional packaging that third-party themes typically come with. A perfect candidate for this would be the Default Theme Template, which was purpose-made for new theme developers to start working on a theme. Setting up the environmentĪs the default theme cannot be extracted from the files distributed with the browser without specialised tools, the easiest way to get started is to inspect an existing theme. It would also be worth looking at the XUL Reference, to be fully aware of how particular elements are named. If you currently are not confident with CSS, please take time to review tutorials such as W3Schools CSS Tutorial, as well as reviewing Mozilla-specific CSS extensions, which are used extensively in themes. Please note: In order to create such themes, extensive use of CSS is required. Please see: Themes listing on the Pale Moon Add-ons Site.If you're looking for Complete Themes that are compatible with Pale Moon Please see: Complete Theme Changes in Pale Moon.Porting a theme over to Pale Moon or updating your theme for the next version?
0 Comments
Leave a Reply. |