├── .gitattributes ├── LICENSE ├── README.md ├── chrome ├── neptune │ ├── cards │ │ ├── facebook.svg │ │ ├── github.svg │ │ ├── instagram.svg │ │ └── reddit.svg │ ├── colors │ │ ├── dark.css │ │ └── light.css │ ├── icons │ │ ├── arrow-left.svg │ │ ├── arrow-right.svg │ │ ├── back.svg │ │ ├── bookmark-hollow.svg │ │ ├── bookmark.svg │ │ ├── bookmarks-toolbar.svg │ │ ├── bookmarksMenu.svg │ │ ├── characterEncoding.svg │ │ ├── check.svg │ │ ├── chevron.svg │ │ ├── close-12.svg │ │ ├── closed-caption-settings-button.svg │ │ ├── customize.svg │ │ ├── developer.svg │ │ ├── done.svg │ │ ├── downloads.svg │ │ ├── edit-copy.svg │ │ ├── edit-cut.svg │ │ ├── edit-paste.svg │ │ ├── extension.svg │ │ ├── favicon.svg │ │ ├── firefox-view.svg │ │ ├── firefox.svg │ │ ├── folder.svg │ │ ├── forget.svg │ │ ├── forward.svg │ │ ├── fullscreen-exit.svg │ │ ├── fullscreen.svg │ │ ├── history.svg │ │ ├── home.svg │ │ ├── import.svg │ │ ├── indicator-private-browsing.svg │ │ ├── library.svg │ │ ├── login.svg │ │ ├── mail.svg │ │ ├── menu-badged.svg │ │ ├── menu.svg │ │ ├── minus.svg │ │ ├── notification-finish-animation.svg │ │ ├── notification-start-animation.svg │ │ ├── open.svg │ │ ├── permissions.svg │ │ ├── picture-in-picture-closed.svg │ │ ├── picture-in-picture-open.svg │ │ ├── picture-in-picture-seekBackward-button.svg │ │ ├── picture-in-picture-seekForward-button.svg │ │ ├── plus.svg │ │ ├── print.svg │ │ ├── privateBrowsing.svg │ │ ├── radio.svg │ │ ├── reader-mode.svg │ │ ├── reload-to-stop.svg │ │ ├── reload.svg │ │ ├── save.svg │ │ ├── security-broken.svg │ │ ├── security-warning.svg │ │ ├── security.svg │ │ ├── settings.svg │ │ ├── sidebar-collapsed-right.svg │ │ ├── sidebar-collapsed.svg │ │ ├── sidebars-right.svg │ │ ├── sidebars.svg │ │ ├── stop-to-reload.svg │ │ ├── stop.svg │ │ ├── synced-tabs.svg │ │ ├── tab-group-collapsed.svg │ │ ├── tab-group.svg │ │ ├── tabs.svg │ │ ├── tag.svg │ │ ├── tool-profiler.svg │ │ ├── tracking-protection-active.svg │ │ ├── tracking-protection-disabled.svg │ │ ├── tracking-protection.svg │ │ ├── window.svg │ │ ├── zoom-in.svg │ │ └── zoom-out.svg │ ├── image │ │ ├── Blue.png │ │ ├── Butterfly.png │ │ ├── Flowers_Dark.svg │ │ ├── Flowers_Light.svg │ │ ├── Flowers_Purple.svg │ │ ├── Orange.png │ │ └── Pink.png │ └── titlebuttons │ │ ├── titlebutton-backdrop-dark.svg │ │ ├── titlebutton-backdrop.svg │ │ ├── titlebutton-close-active-dark.svg │ │ ├── titlebutton-close-active.svg │ │ ├── titlebutton-close-hover.svg │ │ ├── titlebutton-close.svg │ │ ├── titlebutton-maximize-active-dark.svg │ │ ├── titlebutton-maximize-active.svg │ │ ├── titlebutton-maximize-hover.svg │ │ ├── titlebutton-maximize.svg │ │ ├── titlebutton-minimize-active-dark.svg │ │ ├── titlebutton-minimize-active.svg │ │ ├── titlebutton-minimize-hover.svg │ │ ├── titlebutton-minimize.svg │ │ ├── titlebutton-unmaximize-active-dark.svg │ │ ├── titlebutton-unmaximize-active.svg │ │ └── titlebutton-unmaximize-hover.svg ├── userChrome.css └── userContent.css └── info └── preview.png /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto eol=lf -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 AYAYA 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

Neptune Firefox

2 | 3 | **Instructions:** 4 | - This theme is compatible with the latest release of Firefox and works on both Windows and macOS. 5 | - To enable adaptive colors, you need to install the **[Adaptive Tab Bar Color](https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour)** extension. 6 | 7 | Preview Image 8 | 9 | ## Installation 10 | 11 | - Download the theme file and unzip the `chrome` folder into your `profile` folder. 12 | - You can modify the wallpaper in the `userContent.css`, and edit the file names for the light and dark modes 13 | 14 | ```css 15 | body { 16 | background: url("neptune/image/RainbowLight.png") center/cover no-repeat fixed; 17 | 18 | @media (prefers-color-scheme: dark) { 19 | background: url("neptune/image/RainbowDark.png") center/cover no-repeat fixed; 20 | } 21 | } 22 | ``` 23 | 24 | ## Configuration 25 | 26 | - **about:config** 27 | - Set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`. 28 | - Set `svg.context-properties.content.enabled` to `true`. 29 | - Set `widget.non-native-theme.use-theme-accent` to `true`. 30 | 31 | - **Required settings** 32 | - In a horizontal layout, a flexible spacer (Customize Toolbar) must be placed on both sides of the address bar (very important). If more flexible spacers are being used, the excess ones must be removed. 33 | 34 | ENJOY! -------------------------------------------------------------------------------- /chrome/neptune/cards/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/cards/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/neptune/cards/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 18 | 19 | 20 | 21 | 22 | 23 | 31 | 52 | 53 | -------------------------------------------------------------------------------- /chrome/neptune/cards/reddit.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/colors/dark.css: -------------------------------------------------------------------------------- 1 | @media (prefers-color-scheme: dark) { 2 | :root { 3 | /* Browser */ 4 | --neptune-main-background: #1c1b22; 5 | --neptune-content-background: #15141a; 6 | --theme-primary-color: color-mix(in srgb, accentcolor 80%, #060606); 7 | --theme-primary-hover-color: color-mix(in srgb, accentcolor 85%, #121212); 8 | --theme-primary-active-color: color-mix(in srgb, accentcolor 85%, #565656); 9 | 10 | /* Toolbars */ 11 | --neptune-toolbar-background: var(--lwt-accent-color); 12 | --neptune-toolbar-border-color: color-mix(in srgb, currentColor 18%, transparent); 13 | --neptune-content-border-color: color-mix(in srgb, currentColor 10%, transparent); 14 | --neptune-input-bgcolor: color-mix(in srgb, currentColor 14%, transparent); 15 | --neptune-input-outline-color: color-mix(in srgb, accentcolor 50%, #646464); 16 | --neptune-slider-color: #cacaca; 17 | --neptune-slider-track-color: color-mix(in srgb, currentColor 25%, transparent); 18 | --neptune-checkbox-border: 1px solid #6a6a6a; 19 | --neptune-checkbox-shadow: inset 0 0 5px #ffffff33; 20 | --neptune-item-background: color-mix(in srgb, currentColor 12%, transparent); 21 | --neptune-item-hover-background: color-mix(in srgb, currentColor 14%, transparent); 22 | --neptune-item-active-background: color-mix(in srgb, currentColor 16%, transparent); 23 | --neptune-item-selection-background: color-mix(in srgb, accentcolor 45%, transparent); 24 | --neptune-item-selection-hover-background: color-mix(in srgb, accentcolor 25%, transparent); 25 | --neptune-button-field-color: color-mix(in srgb, currentColor 70%, transparent); 26 | --neptune-button-field-hover-color: color-mix(in srgb, currentColor 85%, transparent); 27 | 28 | /* Popups */ 29 | --neptune-menu-background: Field; 30 | --neptune-popover-background: #323232a5; 31 | --neptune-popover-separator-color: color-mix(in srgb, currentColor 15%, transparent); 32 | --neptune-small-shadow: 0 0 1px color-mix(in srgb, currentColor 50%, transparent); 33 | --neptune-menu-shadow: 0 1px 8px #00000016, 0 5px 15px #00000011, 0 8px 20px #00000011, 0 3px 22px #00000019; 34 | --neptune-menu-shadow-color: #00000033; 35 | --neptune-panel-shadow: 0 1px 8px #00000016, 0 5px 15px #00000011, 0 8px 20px #00000011; 36 | --neptune-panel-shadow-color: #00000019; 37 | 38 | /* Urlbar */ 39 | --neptune-urlbar-background: color-mix(in srgb, currentColor 14%, transparent); 40 | --neptune-urlbar-hover-background: color-mix(in srgb, currentColor 18%, transparent); 41 | --neptune-urlbar-focused-background: color-mix(in srgb, currentColor 20%, transparent); 42 | --neptune-urlbar-background-color: color-mix(in srgb, currentColor 6%, transparent); 43 | --neptune-urlbarView-hover-background: color-mix(in srgb, accentcolor 85%, #121212); 44 | --neptune-urlbarView-button-background: color-mix(in srgb, accentcolor 70%, #646464); 45 | --neptune-focused-urlbar-highlight-color: color-mix(in srgb, accentcolor 85%, #323232); 46 | 47 | /* Tabs */ 48 | --neptune-tab-background: color-mix(in srgb, currentColor 14%, transparent); 49 | --neptune-tab-hover-background: color-mix(in srgb, currentColor 18%, transparent); 50 | --neptune-tab-active-background: color-mix(in srgb, currentColor 20%, transparent); 51 | --neptune-tab-unloaded-background: color-mix(in srgb, currentColor 8%, transparent); 52 | --neptune-tab-selected-background: color-mix(in srgb, accentcolor 30%, transparent); 53 | --neptune-verticaltab-background: color-mix(in srgb, currentColor 3%, transparent); 54 | --neptune-verticaltab-pinned-background: color-mix(in srgb, currentColor 8%, transparent); 55 | --neptune-verticaltab-hover-background: color-mix(in srgb, currentColor 10%, transparent); 56 | --neptune-tab-soundplaying-background: color-mix(in srgb, accentcolor 40%, transparent); 57 | } 58 | } -------------------------------------------------------------------------------- /chrome/neptune/colors/light.css: -------------------------------------------------------------------------------- 1 | @media (prefers-color-scheme: light) { 2 | :root { 3 | /* Browser */ 4 | --neptune-main-background: #f6f6f6; 5 | --neptune-content-background: #fff; 6 | --theme-primary-color: color-mix(in srgb, accentcolor 80%, #181818); 7 | --theme-primary-hover-color: color-mix(in srgb, accentcolor 85%, #262626); 8 | --theme-primary-active-color: color-mix(in srgb, accentcolor 85%, #646464); 9 | 10 | /* Toolbars */ 11 | --neptune-toolbar-background: var(--lwt-accent-color); 12 | --neptune-toolbar-border-color: color-mix(in srgb, currentColor 20%, transparent); 13 | --neptune-content-border-color: color-mix(in srgb, currentColor 8%, transparent); 14 | --neptune-input-bgcolor: color-mix(in srgb, currentColor 10%, transparent); 15 | --neptune-input-outline-color: color-mix(in srgb, accentcolor 50%, #f2f2f2); 16 | --neptune-slider-color: #fff; 17 | --neptune-slider-track-color: color-mix(in srgb, currentColor 15%, transparent); 18 | --neptune-checkbox-border: 1px solid #bcbcbc; 19 | --neptune-checkbox-shadow: inset 0 1px 1px #00000026; 20 | --neptune-item-background: color-mix(in srgb, currentColor 10%, transparent); 21 | --neptune-item-hover-background: color-mix(in srgb, currentColor 8%, transparent); 22 | --neptune-item-active-background: color-mix(in srgb, currentColor 14%, transparent); 23 | --neptune-item-selection-background: color-mix(in srgb, accentcolor 30%, transparent); 24 | --neptune-item-selection-hover-background: color-mix(in srgb, accentcolor 15%, transparent); 25 | --neptune-button-field-color: color-mix(in srgb, currentColor 60%, transparent); 26 | --neptune-button-field-hover-color: color-mix(in srgb, currentColor 80%, transparent); 27 | 28 | /* Popups */ 29 | --neptune-menu-background: #ececec; 30 | --neptune-popover-background: #f8f8f8a5; 31 | --neptune-popover-separator-color: color-mix(in srgb, currentColor 12%, transparent); 32 | --neptune-small-shadow: 0 0 1px color-mix(in srgb, currentColor 40%, transparent); 33 | --neptune-menu-shadow: 0 1px 8px #00000019, 0 5px 15px #00000016, 0 8px 20px #00000011, 0 3px 22px #00000016; 34 | --neptune-menu-shadow-color: #00000026; 35 | --neptune-panel-shadow: 0 1px 8px #00000019, 0 5px 15px #00000016, 0 8px 20px #00000009; 36 | --neptune-panel-shadow-color: #00000016; 37 | 38 | /* Urlbar */ 39 | --neptune-urlbar-background: color-mix(in srgb, currentColor 10%, transparent); 40 | --neptune-urlbar-hover-background: color-mix(in srgb, currentColor 14%, transparent); 41 | --neptune-urlbar-focused-background: color-mix(in srgb, currentColor 16%, transparent); 42 | --neptune-urlbar-background-color: color-mix(in srgb, currentColor 3%, transparent); 43 | --neptune-urlbarView-hover-background: color-mix(in srgb, accentcolor 85%, #262626); 44 | --neptune-urlbarView-button-background: color-mix(in srgb, accentcolor 70%, #939597); 45 | --neptune-focused-urlbar-highlight-color: color-mix(in srgb, accentcolor 85%, #383838); 46 | 47 | /* Tabs */ 48 | --neptune-tab-background: color-mix(in srgb, currentColor 10%, transparent); 49 | --neptune-tab-hover-background: color-mix(in srgb, currentColor 14%, transparent); 50 | --neptune-tab-active-background: color-mix(in srgb, currentColor 18%, transparent); 51 | --neptune-tab-unloaded-background: color-mix(in srgb, currentColor 5%, transparent); 52 | --neptune-tab-selected-background: color-mix(in srgb, accentcolor 20%, transparent); 53 | --neptune-verticaltab-background: color-mix(in srgb, currentColor 2%, transparent); 54 | --neptune-verticaltab-pinned-background: color-mix(in srgb, currentColor 6%, transparent); 55 | --neptune-verticaltab-hover-background: color-mix(in srgb, currentColor 8%, transparent); 56 | --neptune-tab-soundplaying-background: color-mix(in srgb, accentcolor 35%, transparent); 57 | } 58 | } -------------------------------------------------------------------------------- /chrome/neptune/icons/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/icons/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/icons/back.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/bookmark-hollow.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/bookmarks-toolbar.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/icons/bookmarksMenu.svg: -------------------------------------------------------------------------------- 1 | 2 | 20 | 21 | -------------------------------------------------------------------------------- /chrome/neptune/icons/characterEncoding.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/chevron.svg: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/neptune/icons/close-12.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/closed-caption-settings-button.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/customize.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 15 | -------------------------------------------------------------------------------- /chrome/neptune/icons/developer.svg: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/neptune/icons/done.svg: -------------------------------------------------------------------------------- 1 | 2 | 24 | 25 | -------------------------------------------------------------------------------- /chrome/neptune/icons/downloads.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/edit-copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/edit-cut.svg: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/neptune/icons/edit-paste.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/icons/extension.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/favicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/icons/firefox-view.svg: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/neptune/icons/firefox.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/forget.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/forward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/fullscreen-exit.svg: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/icons/fullscreen.svg: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/icons/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/icons/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/import.svg: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/neptune/icons/indicator-private-browsing.svg: -------------------------------------------------------------------------------- 1 | 2 | 20 | 21 | -------------------------------------------------------------------------------- /chrome/neptune/icons/library.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/login.svg: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/neptune/icons/mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/menu-badged.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/minus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/notification-finish-animation.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 113 | 114 | -------------------------------------------------------------------------------- /chrome/neptune/icons/notification-start-animation.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 77 | 78 | -------------------------------------------------------------------------------- /chrome/neptune/icons/open.svg: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/neptune/icons/permissions.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/picture-in-picture-closed.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/picture-in-picture-open.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/picture-in-picture-seekBackward-button.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/picture-in-picture-seekForward-button.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/print.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 15 | -------------------------------------------------------------------------------- /chrome/neptune/icons/privateBrowsing.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/neptune/icons/radio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/reader-mode.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/neptune/icons/reload-to-stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 48 | 49 | -------------------------------------------------------------------------------- /chrome/neptune/icons/reload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/save.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/security-broken.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/security-warning.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/security.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | -------------------------------------------------------------------------------- /chrome/neptune/icons/sidebar-collapsed-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/sidebar-collapsed.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/sidebars-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/sidebars.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /chrome/neptune/icons/stop-to-reload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 58 | 59 | -------------------------------------------------------------------------------- /chrome/neptune/icons/stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/synced-tabs.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tab-group-collapsed.svg: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tab-group.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tabs.svg: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tag.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tool-profiler.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tracking-protection-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tracking-protection-disabled.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/tracking-protection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /chrome/neptune/icons/window.svg: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/neptune/icons/zoom-in.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/icons/zoom-out.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/neptune/image/Blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yiiyahui/Neptune-Firefox/4c4b4ff690d02d43ba22924748e1ccf5ec446302/chrome/neptune/image/Blue.png -------------------------------------------------------------------------------- /chrome/neptune/image/Butterfly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yiiyahui/Neptune-Firefox/4c4b4ff690d02d43ba22924748e1ccf5ec446302/chrome/neptune/image/Butterfly.png -------------------------------------------------------------------------------- /chrome/neptune/image/Orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yiiyahui/Neptune-Firefox/4c4b4ff690d02d43ba22924748e1ccf5ec446302/chrome/neptune/image/Orange.png -------------------------------------------------------------------------------- /chrome/neptune/image/Pink.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yiiyahui/Neptune-Firefox/4c4b4ff690d02d43ba22924748e1ccf5ec446302/chrome/neptune/image/Pink.png -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-close-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 7 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-close-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 11 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-close-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 10 | 14 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-close.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-maximize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-maximize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-maximize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-maximize.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-minimize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-minimize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-minimize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-minimize.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-unmaximize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-unmaximize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/neptune/titlebuttons/titlebutton-unmaximize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/userContent.css: -------------------------------------------------------------------------------- 1 | @import "neptune/colors/light.css"; 2 | @import "neptune/colors/dark.css"; 3 | 4 | :root { 5 | --in-content-page-background: var(--neptune-main-background) !important; 6 | --in-content-table-background: var(--neptune-content-background) !important; 7 | --in-content-border-color: var(--neptune-content-border-color) !important; 8 | --in-content-box-background: var(--neptune-content-background) !important; 9 | --in-content-box-info-background: var(--neptune-content-background) !important; 10 | --in-content-box-border-color: var(--neptune-toolbar-border-color) !important; 11 | --in-content-primary-button-text-color: white !important; 12 | --in-content-button-background: var(--neptune-item-background) !important; 13 | --in-content-button-background-hover: var(--neptune-item-hover-background) !important; 14 | --in-content-button-background-active: var(--neptune-item-active-background) !important; 15 | --in-content-primary-button-background: var(--theme-primary-color) !important; 16 | --in-content-primary-button-background-hover: var(--theme-primary-hover-color) !important; 17 | --in-content-primary-button-background-active: var(--theme-primary-active-color) !important; 18 | --in-content-focus-outline-color: var(--neptune-input-outline-color) !important; 19 | --table-row-background-color: var(--neptune-main-background) !important; 20 | --table-row-background-color-alternate: var(--neptune-content-background) !important; 21 | --color-accent-primary: var(--theme-primary-color) !important; 22 | --color-accent-primary-hover: var(--theme-primary-hover-color) !important; 23 | --color-accent-primary-active: var(--theme-primary-active-color) !important; 24 | --button-background-color: var(--neptune-item-background) !important; 25 | --button-background-color-hover: var(--neptune-item-hover-background) !important; 26 | --button-background-color-active: var(--neptune-item-active-background) !important; 27 | --background-color-box: var(--neptune-menu-background) !important; 28 | --newtab-primary-element-text-color: #fff !important; 29 | --newtab-background-color: var(--neptune-main-background) !important; 30 | --newtab-background-color-secondary: var(--neptune-content-background) !important; 31 | --newtab-element-hover-color: var(--neptune-item-hover-background) !important; 32 | --newtab-element-active-color: var(--neptune-item-active-background) !important; 33 | --newtab-border-color: var(--neptune-toolbar-border-color) !important; 34 | --border-color-deemphasized: var(--neptune-toolbar-border-color) !important; 35 | --fxview-border: var(--neptune-toolbar-border-color) !important; 36 | --sidebar-toolbar-bg-color: var(--neptune-main-background) !important; 37 | --thumbnail-hover-color: var(--theme-primary-hover-color) !important; 38 | --thumbnail-selected-color: var(--theme-primary-active-color) !important; 39 | --checkbox-checked-bgcolor: var(--theme-primary-color) !important; 40 | --checkbox-checked-hover-bgcolor: var(--theme-primary-hover-color) !important; 41 | --checkbox-checked-active-bgcolor: var(--theme-primary-active-color) !important; 42 | --focus-outline-color: var(--neptune-input-outline-color) !important; 43 | --brand-color-accent: var(--theme-primary-color) !important; 44 | --brand-color-accent-hover: var(--theme-primary-hover-color) !important; 45 | --brand-color-accent-active: var(--theme-primary-active-color) !important; 46 | --newtab-primary-action-background: var(--theme-primary-color) !important; 47 | --theme-arrowpanel-background: var(--neptune-menu-background) !important; 48 | --theme-arrowpanel-border-color: var(--neptune-toolbar-border-color) !important; 49 | --theme-body-background: var(--neptune-main-background) !important; 50 | --theme-link-color: var(--theme-primary-color) !important; 51 | --theme-icon-checked-color: var(--theme-primary-active-color) !important; 52 | --theme-selection-background: var(--theme-primary-active-color) !important; 53 | --theme-selection-background-hover: var(--neptune-item-selection-hover-background) !important; 54 | --theme-text-selection-background: var(--neptune-item-selection-hover-background) !important; 55 | --theme-tab-toolbar-background: var(--neptune-main-background) !important; 56 | --theme-toolbar-background: var(--neptune-main-background) !important; 57 | --theme-toolbar-hover: var(--neptune-item-hover-background) !important; 58 | --theme-toolbar-hover-active: var(--neptune-item-active-background) !important; 59 | --theme-toolbar-selected-color: var(--theme-primary-color) !important; 60 | --theme-toolbar-alternate-hover: var(--neptune-item-active-background) !important; 61 | --theme-focus-textinput-outline-color: var(--neptune-input-outline-color) !important; 62 | --toolbarbutton-hover-background: var(--neptune-item-hover-background) !important; 63 | --button-min-height: 22px !important; 64 | --theme-toolbar-height: var(--button-min-height) !important; 65 | --theme-arrowpanel-border-radius: 8px !important; 66 | --tab-line-selected-color: transparent !important; 67 | --tab-line-hover-color: transparent !important; 68 | --default-focusring: none !important; 69 | --border-radius-small: 6px !important; 70 | --border-radius-large: 10px !important; 71 | --font-size-root: 12.5px !important; 72 | --font-size-small: 0.96rem !important; 73 | --font-size-large: 1.2rem !important; 74 | --font-size-xlarge: 1.44rem !important; 75 | --font-size-xxlarge: 1.76rem !important; 76 | --space-xsmall: 0.32rem !important; 77 | } 78 | 79 | @-moz-document url-prefix(about:), url-prefix("chrome://") { 80 | * { 81 | --in-content-page-background: light-dark(#f6f6f6, #1c1b22) !important; 82 | --popup-background: var(--neptune-menu-background) !important; 83 | --popup-button-background: var(--neptune-item-background) !important; 84 | --popup-button-background-hover: var(--neptune-item-hover-background) !important; 85 | --popup-button-background-active: var(--neptune-item-active-background) !important; 86 | --page-nav-button-background-color-hover: var(--neptune-item-hover-background) !important; 87 | --page-nav-button-background-color-selected: transparent !important; 88 | --toolbar-button-background-hover: var(--neptune-item-hover-background) !important; 89 | --toolbar-button-background-active: var(--neptune-item-active-background) !important; 90 | --toolbar-button-foreground-active: var(--theme-primary-color) !important; 91 | --primary-color: var(--theme-primary-color) !important; 92 | --link-color: light-dark(color-mix(in srgb, accentcolor 80%, #323232), color-mix(in srgb, accentcolor 80%, #cacaca)) !important; 93 | --link-color-hover: light-dark(color-mix(in srgb, accentcolor 85%, #646464), color-mix(in srgb, accentcolor 85%, #ececec)) !important; 94 | --link-color-active: accentcolor !important; 95 | --link-color-visited: mediumpurple !important; 96 | --fxview-background-color: var(--neptune-main-background) !important; 97 | --newtab-search-icon: url("chrome://global/skin/icons/search-glass.svg") !important; 98 | --in-content-primary-button-background: color-mix(in srgb, accentcolor 80%, #181818) !important; 99 | --in-content-primary-button-background-hover: color-mix(in srgb, accentcolor 85%, #262626) !important; 100 | --in-content-primary-button-background-active: color-mix(in srgb, accentcolor 85%, #646464) !important; 101 | --in-content-primary-button-text-color: white !important; 102 | --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color) !important; 103 | --in-content-focus-outline-color: accentcolor !important; 104 | text-decoration: inherit !important; 105 | } 106 | 107 | .toggle-button { 108 | --toggle-dot-background-color: var(--neptune-slider-color) !important; 109 | --toggle-dot-background-color-on-pressed: var(--neptune-slider-color) !important; 110 | --toggle-border-color: var(--neptune-toolbar-border-color) !important; 111 | } 112 | 113 | menupopup, panel { 114 | @media (-moz-platform: macos) or (-moz-platform: windows) { 115 | appearance: menupopup !important; 116 | --panel-background: Menu !important; 117 | --panel-shadow-margin: 0 !important; 118 | --panel-separator-color: var(--neptune-popover-separator-color) !important; 119 | } 120 | 121 | @media (-moz-platform: windows) and (not (-moz-windows-mica-popups)) { 122 | --panel-border-color: var(--neptune-toolbar-border-color) !important; 123 | --panel-border-radius: var(--border-radius-small) !important; 124 | --panel-separator-color: var(--neptune-popover-separator-color) !important; 125 | --panel-shadow-margin: 22px !important; 126 | } 127 | 128 | > menu, 129 | > menuitem { 130 | padding: 2px 16px !important; 131 | } 132 | 133 | .actionsMenu > & > menuitem { 134 | padding-inline-start: 10px !important; 135 | } 136 | 137 | > menuseparator { 138 | border: none !important; 139 | } 140 | } 141 | 142 | groupbox[data-category] { 143 | margin-bottom: var(--space-xlarge) !important; 144 | 145 | > #updateBox { 146 | margin-block-end: 0 !important; 147 | } 148 | 149 | > .updateSettingCrossUserWarningContainer { 150 | margin-block: 0 !important; 151 | 152 | > #updateSettingCrossUserWarningDesc { 153 | margin-block-start: var(--space-small) !important; 154 | } 155 | } 156 | 157 | > #saveWhere > #downloadFolder { 158 | background-size: 12px !important; 159 | } 160 | 161 | .section-checkbox .checkbox-icon { 162 | width: 14px !important; 163 | } 164 | 165 | .permission-icon { 166 | width: 14px !important; 167 | height: 14px !important; 168 | margin: auto var(--space-small) auto 0 !important; 169 | } 170 | 171 | .info-box-container:not(:has(.doh-status-label.tail-with-learn-more)) { 172 | padding-block-start: 0 !important; 173 | 174 | .info-icon { 175 | margin-block: auto !important; 176 | } 177 | 178 | .extra-information-label { 179 | margin-top: var(--space-small) !important; 180 | } 181 | 182 | .content-blocking-warning { 183 | margin-block-end: 0 !important; 184 | padding-block: 0 !important; 185 | 186 | > .reload-tabs-button { 187 | list-style-image: none !important; 188 | min-height: var(--button-min-height) !important; 189 | } 190 | } 191 | } 192 | 193 | .indent { 194 | description.indent { 195 | margin-block: auto !important; 196 | } 197 | 198 | .privacy-extra-information { 199 | > .indent { 200 | margin-bottom: 0 !important; 201 | } 202 | 203 | > .custom-option { 204 | margin-block: var(--space-xxsmall) !important; 205 | } 206 | } 207 | } 208 | } 209 | 210 | checkbox, radio { 211 | margin-block: var(--space-xsmall) !important; 212 | 213 | &.tail-with-learn-more + a { 214 | margin-block: var(--space-xsmall) !important; 215 | } 216 | } 217 | 218 | .subcategory:not([hidden]) ~ .subcategory { 219 | padding-top: var(--space-xlarge) !important; 220 | } 221 | 222 | .dialogBox { 223 | border-color: var(--neptune-toolbar-border-color) !important; 224 | border-radius: var(--border-radius-large) !important; 225 | box-shadow: var(--neptune-menu-shadow) !important; 226 | } 227 | 228 | .dialogOverlay[topmost="true"], dialog::backdrop { 229 | background-color: transparent !important; 230 | backdrop-filter: blur(8px); 231 | } 232 | 233 | .dialogTitleBar, separator.groove:not([orient="vertical"]) { 234 | border: none !important; 235 | } 236 | 237 | *#categories > *.category { 238 | background-size: 16px !important; 239 | background-position: 16px !important; 240 | border-radius: var(--border-radius-medium) !important; 241 | 242 | > .category-name { 243 | font-size: 1.12em !important; 244 | } 245 | 246 | > .category-icon { 247 | width: 14px !important; 248 | height: 14px !important; 249 | } 250 | } 251 | 252 | .sidebar-footer-icon { 253 | width: 12px !important; 254 | height: 12px !important; 255 | margin-inline: var(--space-medium) var(--space-xsmall) !important; 256 | } 257 | 258 | .face-sad::before { 259 | content: "\2602" !important; 260 | font-size: 1em !important; 261 | } 262 | 263 | .face-smile::before { 264 | content: "\1f1fa\1f1e6" !important; 265 | font-size: 1em !important; 266 | } 267 | 268 | .fxaProfileImage { 269 | border: none !important; 270 | } 271 | 272 | .featureGate { 273 | border-radius: var(--border-radius-large) !important; 274 | box-shadow: none !important; 275 | } 276 | 277 | .back-button, 278 | .default-button, 279 | .primary-button, 280 | .more-options-button, 281 | .container, .action-box, 282 | .info-box-container, 283 | .web-appearance-choice, 284 | table, div.opsRow, .sidebar-item, 285 | #reportBox { 286 | border-radius: var(--border-radius-medium) !important; 287 | } 288 | 289 | input[type="search"]:not(.search-handoff-button, .search-wrapper input), 290 | search-textbox, .default-input { 291 | appearance: none; 292 | font: menu; 293 | padding-block: 0 !important; 294 | min-height: var(--button-min-height) !important; 295 | border-radius: var(--border-radius-small) !important; 296 | } 297 | 298 | input:where([type="search"], [type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):not(:read-only, .search-handoff-button, .search-wrapper input), 299 | search-textbox, .devtools-searchbox, #storage-searchbox, 300 | textarea { 301 | background-color: var(--neptune-input-bgcolor) !important; 302 | border-color: transparent !important; 303 | outline: 20px solid transparent !important; 304 | 305 | &:where(:focus-visible, [focused]) { 306 | outline: 4px solid var(--neptune-input-outline-color) !important; 307 | outline-offset: var(--toolbarbutton-outline-offset) !important; 308 | transition: all 250ms cubic-bezier(0.33, 0, 0.67, 1); 309 | } 310 | } 311 | 312 | treecol:not([hideheader="true"]), .tree-columnpicker-button, .item-box, *:not(#downloadsListBox) > richlistitem:not(dialog richlistitem), 313 | select, menulist, textarea, button:not(:has(.page-nav-icon), [is="named-deck-button"], .wallpaper-input, .toggle-button, .reset-button), 314 | input:where([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]) { 315 | padding-block: 2px !important; 316 | } 317 | 318 | #siteCol, #statusCol, 319 | #permissionsBox > richlistitem, 320 | :is(#engineList, #blocklistsTree) > treechildren::-moz-tree-row { 321 | min-height: var(--button-min-height) !important; 322 | } 323 | 324 | #handlersView { 325 | height: auto !important; 326 | 327 | > richlistitem { 328 | min-height: var(--button-min-height) !important; 329 | } 330 | } 331 | 332 | .translations-manage-language:first-child { 333 | padding-block: 0 !important; 334 | margin-block: 0 !important; 335 | } 336 | 337 | .search-tooltip { 338 | background-color: var(--theme-primary-color) !important; 339 | border: none !important; 340 | box-shadow: var(--neptune-panel-shadow); 341 | color: #fff !important; 342 | 343 | &::before, &::after { 344 | border-top-color: var(--theme-primary-color) !important; 345 | } 346 | } 347 | 348 | .card { 349 | border-color: var(--neptune-toolbar-border-color) !important; 350 | border-radius: var(--border-radius-medium) !important; 351 | box-shadow: none !important; 352 | outline: none !important; 353 | 354 | #legend input:focus + label { 355 | outline: none !important; 356 | } 357 | } 358 | 359 | .more-options-button, .info-box-container { 360 | background-color: transparent !important; 361 | } 362 | 363 | panel-list, .menu { 364 | border-radius: var(--border-radius-medium) !important; 365 | box-shadow: var(--neptune-menu-shadow) !important; 366 | 367 | > .menuitem-button { 368 | background-size: 12px !important; 369 | } 370 | } 371 | 372 | #downloadsListBox:focus > richlistitem[selected] { 373 | background-image: none !important; 374 | background-color: var(--color-accent-primary-active) !important; 375 | color: #fff !important; 376 | border-radius: 0 !important; 377 | outline: none !important; 378 | } 379 | 380 | .downloadButton > .button-box { 381 | border-radius: 50% !important; 382 | 383 | > .button-icon { 384 | list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important; 385 | } 386 | } 387 | 388 | .stp_button_wide .stp_button { 389 | padding-block: 4px !important; 390 | border-radius: var(--border-radius-small) !important; 391 | } 392 | 393 | @layer input-common { 394 | #input { 395 | --input-width: 14px !important; 396 | --input-height: 14px !important; 397 | --input-margin-block-adjust: calc((1lh - var(--input-height)) / 2) !important; 398 | } 399 | } 400 | 401 | input[type=checkbox]:not(.ruleview-enableproperty, .devtools-checkbox-toggle), 402 | .checkbox-check:not([native]) { 403 | appearance: none !important; 404 | width: 14px !important; 405 | height: 14px !important; 406 | border: var(--neptune-checkbox-border); 407 | border-radius: 4px; 408 | box-shadow: var(--neptune-checkbox-shadow); 409 | vertical-align: bottom; 410 | 411 | &:is(:checked, [checked="true"]) { 412 | background-color: var(--theme-primary-color) !important; 413 | background-image: url("neptune/icons/check.svg") !important; 414 | border: none; 415 | } 416 | } 417 | 418 | input[type=radio]:not(.wallpaper-input, .wrapper input), 419 | .radio-check { 420 | appearance: none !important; 421 | width: 14px !important; 422 | height: 14px !important; 423 | border: var(--neptune-checkbox-border); 424 | border-radius: 50%; 425 | box-shadow: var(--neptune-checkbox-shadow); 426 | 427 | &:is(:checked, [selected="true"]) { 428 | background-color: var(--theme-primary-color) !important; 429 | background-image: url("neptune/icons/radio.svg"); 430 | border: none; 431 | } 432 | } 433 | 434 | .textbox-search-icon, 435 | .textbox-search-sign { 436 | transform: scaleX(-1); 437 | } 438 | 439 | #root > ul[role="tree"] { 440 | outline: none !important; 441 | padding: 0 !important; 442 | } 443 | 444 | .devtools-toolbar { 445 | height: calc(var(--theme-toolbar-height) + 7px) !important; 446 | padding: 3px !important; 447 | 448 | .devtools-togglebutton { 449 | margin: 0 !important; 450 | border: none !important; 451 | } 452 | } 453 | 454 | .devtools-input-toolbar > .devtools-searchbox { 455 | background-color: transparent !important; 456 | margin: 0 !important; 457 | border: none !important; 458 | } 459 | 460 | .tabs .tabs-navigation { 461 | height: calc(var(--theme-toolbar-height) + 7px) !important; 462 | 463 | .tabs-menu { 464 | margin-block: auto !important; 465 | } 466 | } 467 | 468 | .tooltip-container[type="doorhanger"] .menuitem > .command { 469 | &:not([disabled],[open],:active):hover { 470 | background-color: var(--theme-primary-hover-color) !important; 471 | color: white !important; 472 | } 473 | 474 | &:not([disabled]):is([open],:hover:active) { 475 | background-color: var(--theme-primary-active-color) !important; 476 | color: inherit !important; 477 | } 478 | } 479 | 480 | .devtools-button[data-standalone] { 481 | min-height: var(--theme-toolbar-height) !important; 482 | padding-block: 0 !important; 483 | border-radius: var(--border-radius-small) !important; 484 | } 485 | 486 | .perf-photon-button-primary { 487 | background-color: var(--theme-primary-color) !important; 488 | border-radius: var(--border-radius-small) !important; 489 | } 490 | 491 | .perf-photon-button-default { 492 | background-color: var(--theme-toolbar-highlighted-color) !important; 493 | color: white !important; 494 | border-radius: var(--border-radius-small) !important; 495 | } 496 | 497 | .devtools-separator, 498 | .dialogClose, 499 | #formAutofillGroupBox { 500 | display: none !important; 501 | } 502 | } 503 | 504 | @-moz-document url("about:home"), url("about:newtab"), url("about:welcome"), url("about:privatebrowsing") { 505 | .non-collapsible-section { 506 | padding: 0 !important; 507 | 508 | .search-wrapper { 509 | padding-block-start: 0 !important; 510 | } 511 | 512 | .search-inner-wrapper { 513 | width: 156px !important; 514 | 515 | :is(.layout-variant-a, .layout-variant-b) & { 516 | width: 252px !important; 517 | 518 | @media (min-width: 724px) { 519 | width: 540px !important; 520 | } 521 | 522 | @media (min-width: 1122px) { 523 | width: 732px !important; 524 | } 525 | } 526 | 527 | @media (min-width: 610px) { 528 | width: 348px !important; 529 | } 530 | 531 | @media (min-width: 866px) { 532 | width: 540px !important; 533 | } 534 | 535 | @media (min-width: 1122px) { 536 | width: 732px !important; 537 | } 538 | } 539 | } 540 | 541 | .search-wrapper input, 542 | .search-handoff-button { 543 | background-color: var(--neptune-popover-background) !important; 544 | backdrop-filter: blur(32px); 545 | filter: saturate(1.2); 546 | background-size: 24px !important; 547 | border: none !important; 548 | box-shadow: var(--box-shadow-level-3) !important; 549 | border-radius: var(--border-radius-large) !important; 550 | } 551 | 552 | .contentSearchSuggestionTable { 553 | background-color: var(--neptune-popover-background) !important; 554 | backdrop-filter: blur(32px); 555 | border-radius: var(--border-radius-large) !important; 556 | box-shadow: var(--neptune-small-shadow), var(--neptune-menu-shadow) !important; 557 | 558 | .contentSearchHeader, .contentSearchSettingsButton { 559 | background-color: var(--neptune-popover-background) !important; 560 | backdrop-filter: blur(8px); 561 | filter: saturate(1.2); 562 | border-color: transparent !important; 563 | } 564 | 565 | .contentSearchOneOffsTable { 566 | background-color: transparent !important; 567 | border: none !important; 568 | } 569 | 570 | .contentSearchOneOffItem { 571 | height: 28px !important; 572 | border: none !important; 573 | border-radius: var(--border-radius-small); 574 | } 575 | } 576 | 577 | .search-button, 578 | .logo-and-wordmark-wrapper, 579 | .showPrivate.showSearch.container, 580 | .home-section .divider, 581 | .wallpaper-attribution, 582 | .customize-menu .close-button-wrapper, 583 | .weatherSponsorText, 584 | .top-site-outer :is(.icon.icon-pin-small, .sponsored-label) { 585 | display: none !important; 586 | } 587 | } 588 | 589 | @-moz-document url("about:privatebrowsing") { 590 | body { 591 | background: url("neptune/image/Flowers_Purple.svg") center/cover fixed; 592 | } 593 | 594 | .search-inner-wrapper { 595 | height: 52px !important; 596 | padding: 0 !important; 597 | } 598 | 599 | .search-handoff-button { 600 | fill: var(--icon-color) !important; 601 | } 602 | 603 | .fake-textbox { 604 | color: CaptionText !important; 605 | } 606 | } 607 | 608 | @-moz-document url("about:home"), url("about:newtab"), url("about:welcome") { 609 | body { 610 | background: url("neptune/image/Flowers_Light.svg") center/cover fixed !important; 611 | 612 | @media (prefers-color-scheme: dark) { 613 | background: url("neptune/image/Flowers_Dark.svg") center/cover fixed !important; 614 | } 615 | } 616 | 617 | * { 618 | cursor: auto !important; 619 | } 620 | 621 | .ds-outer-wrapper-breakpoint-override main { 622 | width: 192px !important; 623 | 624 | @media (min-width: 610px) { 625 | width: 384px !important; 626 | } 627 | 628 | @media (min-width: 866px) { 629 | width: 576px !important; 630 | } 631 | 632 | @media (min-width: 1122px) { 633 | width: 768px !important; 634 | } 635 | } 636 | 637 | .collapsible-section { 638 | padding: 0 !important; 639 | 640 | .top-sites-list { 641 | margin-inline: auto !important; 642 | row-gap: unset !important; 643 | } 644 | } 645 | 646 | .top-site-outer { 647 | background: none !important; 648 | width: calc(3 * var(--size-item-large)) !important; 649 | margin-block-end: var(--space-small) !important; 650 | 651 | .top-site-icon { 652 | background-color: transparent !important; 653 | } 654 | 655 | .top-site-inner > a { 656 | padding: 0 !important; 657 | } 658 | 659 | .context-menu-button { 660 | width: var(--size-item-small) !important; 661 | height: var(--size-item-small) !important; 662 | background-size: 10px !important; 663 | border-radius: 50% !important; 664 | inset-inline-end: 4px !important; 665 | top: -10px !important; 666 | } 667 | 668 | .tile { 669 | height: calc(2 * var(--size-item-large)) !important; 670 | width: calc(2 * var(--size-item-large)) !important; 671 | background-color: var(--neptune-content-background) !important; 672 | outline: none !important; 673 | border-radius: var(--border-radius-large) !important; 674 | box-shadow: var(--box-shadow-level-3) !important; 675 | 676 | .icon-wrapper:not(.top-site-outer.placeholder.add-button .tile .icon-wrapper) { 677 | height: calc(2 * var(--size-item-large)) !important; 678 | width: calc(2 * var(--size-item-large)) !important; 679 | border-radius: var(--border-radius-large) !important; 680 | 681 | &.letter-fallback::before { 682 | font-size: 1.22em !important; 683 | font-weight: normal !important; 684 | inset: 0 !important; 685 | transform: none !important; 686 | } 687 | } 688 | } 689 | 690 | .default-icon { 691 | background-size: auto !important; 692 | width: calc(2 * var(--size-item-large)) !important; 693 | height: calc(2 * var(--size-item-large)) !important; 694 | } 695 | 696 | .search-topsite { 697 | background-color: var(--theme-primary-color) !important; 698 | background-size: 12px !important; 699 | height: 24px !important; 700 | width: 24px !important; 701 | } 702 | 703 | .title { 704 | padding-top: 6px !important; 705 | 706 | .title-label { 707 | -webkit-line-clamp: 2; 708 | line-height: 1.333 !important; 709 | width: 72px !important; 710 | padding-inline: 0 !important; 711 | white-space: wrap !important; 712 | word-break: break-word; 713 | } 714 | } 715 | } 716 | 717 | .context-menu { 718 | background-color: var(--neptune-popover-background) !important; 719 | backdrop-filter: blur(32px); 720 | filter: saturate(1.2); 721 | border-radius: var(--border-radius-medium) !important; 722 | box-shadow: var(--neptune-small-shadow), var(--neptune-menu-shadow) !important; 723 | font: menu !important; 724 | 725 | > ul > li > a, 726 | > ul > li > button { 727 | &:is(:focus, :hover) { 728 | background: var(--theme-primary-hover-color) !important; 729 | color: #fff !important; 730 | } 731 | 732 | &:active { 733 | background: var(--theme-primary-active-color) !important; 734 | } 735 | } 736 | 737 | > ul > li.separator { 738 | border-color: var(--neptune-toolbar-border-color) !important; 739 | } 740 | 741 | .top-site-outer & { 742 | inset-block-start: 0 !important; 743 | inset-inline-start: calc(100% - var(--space-small)) !important; 744 | } 745 | } 746 | 747 | .card-outer:has(.card-preview-image.loaded), 748 | .ds-card-grid .sections-card-ui:not(.placeholder) { 749 | box-shadow: var(--box-shadow-level-4) !important; 750 | } 751 | 752 | .ds-card .context-menu-button { 753 | border-radius: 50% !important; 754 | } 755 | 756 | .modalOverlayOuter, .modal-overlay { 757 | background: none !important; 758 | } 759 | 760 | .modal { 761 | border-radius: var(--border-radius-large) !important; 762 | box-shadow: var(--neptune-menu-shadow) !important; 763 | font-size: var(--font-size-root) !important; 764 | 765 | .edit-topsites-wrapper & { 766 | width: 36em !important; 767 | top: 25vh !important; 768 | border-radius: var(--border-radius-large) !important; 769 | box-shadow: var(--neptune-menu-shadow) !important; 770 | 771 | > .topsite-form .form-wrapper input[type=text] { 772 | height: 22px !important; 773 | border-radius: var(--border-radius-small) !important; 774 | font-size: 12.5px !important; 775 | } 776 | 777 | > .topsite-form .form-wrapper .error-tooltip { 778 | inset-inline-start: 0 !important; 779 | border-radius: var(--border-radius-small) !important; 780 | font-size: var(--font-size-root); 781 | box-shadow: var(--box-shadow-level-3); 782 | } 783 | 784 | > .topsite-form .top-site-outer .top-site-inner > a { 785 | padding-block: var(--space-xsmall) !important; 786 | } 787 | } 788 | } 789 | 790 | .actions { 791 | padding-block: 0 !important; 792 | border: none !important; 793 | 794 | button { 795 | padding: var(--space-xxsmall) var(--space-medium) !important; 796 | border-radius: var(--border-radius-small) !important; 797 | box-shadow: none !important; 798 | } 799 | } 800 | 801 | .personalizeButtonWrapper { 802 | inset: auto var(--space-large) var(--space-large) auto !important; 803 | 804 | .personalize-button { 805 | -moz-context-properties: fill, fill-opacity !important; 806 | background-image: url("neptune/icons/settings.svg") !important; 807 | background-color: transparent !important; 808 | padding: 0 !important; 809 | background-size: 28px !important; 810 | width: 28px !important; 811 | height: 28px !important; 812 | visibility: visible !important; 813 | fill: MenuText !important; 814 | fill-opacity: 0.8; 815 | 816 | &:is(:hover, :active) { 817 | fill-opacity: 1; 818 | } 819 | } 820 | } 821 | 822 | .customize-menu { 823 | position: absolute !important; 824 | width: calc(3 * 92px + 4 * 12px) !important; 825 | height: fit-content !important; 826 | padding: 0 !important; 827 | border-radius: var(--border-radius-large) !important; 828 | transform: translateY(100%) !important; 829 | background-color: var(--neptune-popover-background) !important; 830 | backdrop-filter: blur(32px); 831 | filter: saturate(1.2); 832 | box-shadow: var(--neptune-small-shadow), var(--neptune-menu-shadow) !important; 833 | overflow-x: hidden !important; 834 | transition: none !important; 835 | 836 | .close-button-wrapper { 837 | top: 0 !important; 838 | padding-block: 0 !important; 839 | background-color: transparent !important; 840 | 841 | .close-button { 842 | background-color: transparent !important; 843 | margin-inline-end: 0 !important; 844 | border: none !important; 845 | } 846 | } 847 | } 848 | 849 | .customize-menu.customize-animate-enter-done, 850 | .customize-menu.customize-animate-enter-active { 851 | transform: translateY(-100%) !important; 852 | } 853 | 854 | .home-section { 855 | grid-row-gap: 12px !important; 856 | padding: 0 12px !important; 857 | 858 | .settings-toggles { 859 | gap: 12px !important; 860 | } 861 | 862 | .wallpapers-section h2 { 863 | margin-block: 8px !important; 864 | } 865 | 866 | .section .selector { 867 | background-color: transparent !important; 868 | width: 8em !important; 869 | box-shadow: none !important; 870 | } 871 | 872 | .section .sponsored { 873 | font: menu !important; 874 | } 875 | 876 | .section .more-info-top-wrapper { 877 | --space-large: 10px !important; 878 | } 879 | 880 | .external-link { 881 | margin-block: 0 !important; 882 | color: var(--newtab-text-primary-color) !important; 883 | font-size: smaller !important; 884 | 885 | &:hover { 886 | color: var(--link-color) !important; 887 | fill: var(--link-color) !important; 888 | } 889 | } 890 | } 891 | 892 | .arrow-button { 893 | background: url("chrome://global/skin/icons/arrow-left-12.svg") no-repeat left !important; 894 | font: menu !important; 895 | margin: 0 var(--space-xsmall) !important; 896 | padding-inline-start: var(--space-large) !important; 897 | } 898 | 899 | .wallpaper-list.category { 900 | background-color: var(--neptune-popover-background) !important; 901 | backdrop-filter: blur(32px); 902 | inset: 0 !important; 903 | margin: 0 !important; 904 | height: 100% !important; 905 | width: 100% !important; 906 | transition: none !important; 907 | 908 | fieldset { 909 | gap: 12px !important; 910 | grid-auto-rows: auto !important; 911 | } 912 | } 913 | 914 | .category-list { 915 | grid-auto-rows: 60px !important; 916 | gap: 20px 12px !important; 917 | margin: auto auto var(--space-medium) !important; 918 | 919 | label { 920 | font: menu !important; 921 | } 922 | } 923 | 924 | .wallpaper-input { 925 | height: 56px !important; 926 | box-shadow: none !important; 927 | } 928 | 929 | .wallpaper-input.theme-custom-wallpaper, .theme-custom-color-picker { 930 | background-color: var(--button-background-color) !important; 931 | border: none !important; 932 | 933 | &:hover { 934 | background-color: var(--button-background-color-hover) !important; 935 | } 936 | } 937 | 938 | .theme-custom-color-picker { 939 | outline: none !important; 940 | 941 | &::after { 942 | background-image: url("chrome://global/skin/icons/plus-20.svg") !important; 943 | } 944 | 945 | ::-moz-color-swatch, label { 946 | display: none !important; 947 | } 948 | } 949 | 950 | .wallpapers-reset { 951 | margin-block-start: var(--space-xsmall) !important; 952 | font-size: 0.75em !important; 953 | 954 | &:hover { 955 | color: var(--theme-primary-color) !important; 956 | } 957 | } 958 | 959 | .text-deemphasized { 960 | margin-block: auto !important; 961 | font: menu !important; 962 | } 963 | 964 | .weather { 965 | :is(.layout-variant-a, .layout-variant-b) & { 966 | inset-inline-end: var(--space-large) !important; 967 | } 968 | 969 | .weatherCard, .weatherButtonContextMenuWrapper { 970 | background: none !important; 971 | box-shadow: none !important; 972 | flex-direction: row-reverse; 973 | } 974 | } 975 | 976 | .weatherInfoLink { 977 | background-color: var(--newtab-weather-background-color) !important; 978 | backdrop-filter: blur(12px); 979 | border-radius: var(--border-radius-medium) !important; 980 | } 981 | 982 | .weatherButtonContextMenuWrapper { 983 | height: var(--space-small); 984 | width: 32px !important; 985 | visibility: collapse; 986 | 987 | .weatherCard:hover & { 988 | visibility: visible; 989 | } 990 | } 991 | 992 | .top-site-button[href*="facebook.com"] .top-site-icon { 993 | background-image: url("neptune/cards/facebook.svg") !important; 994 | } 995 | 996 | .top-site-button[href*="github.com"] .top-site-icon { 997 | background-image: url("neptune/cards/github.svg") !important; 998 | } 999 | 1000 | .top-site-button[href*="instagram.com"] .top-site-icon { 1001 | background-image: url("neptune/cards/instagram.svg") !important; 1002 | } 1003 | 1004 | .top-site-button[href*="reddit.com"] .top-site-icon { 1005 | background-image: url("neptune/cards/reddit.svg") !important; 1006 | } 1007 | 1008 | .top-site-button[href*="youtube.com"] .top-site-icon { 1009 | background-image: url("chrome://activity-stream/content/data/content/tippytop/images/youtube-com@2x.png") !important; 1010 | } 1011 | } 1012 | 1013 | @-moz-document url-prefix(about:reader) { 1014 | .toolbar { 1015 | border: none !important; 1016 | padding: 0 !important; 1017 | box-shadow: none !important; 1018 | 1019 | .toolbar-button { 1020 | border: none !important; 1021 | border-radius: 50% !important; 1022 | } 1023 | } 1024 | 1025 | .text-size-buttons > button, 1026 | .accordion-header .chevron-icon { 1027 | height: 16px !important; 1028 | width: 16px !important; 1029 | background-size: 12px; 1030 | border-radius: 50% !important; 1031 | } 1032 | 1033 | .accordion-header .chevron-icon { 1034 | background-image: url("chrome://global/skin/icons/more.svg") !important; 1035 | border: none !important; 1036 | 1037 | #about-reader-advanced-layout[open] & { 1038 | fill: var(--theme-primary-active-color) !important; 1039 | } 1040 | } 1041 | 1042 | .dropdown .dropdown-popup { 1043 | background-color: var(--neptune-popover-background) !important; 1044 | backdrop-filter: blur(32px); 1045 | filter: saturate(1.2); 1046 | border-color: var(--neptune-toolbar-border-color) !important; 1047 | border-radius: var(--border-radius-large) !important; 1048 | box-shadow: var(--neptune-menu-shadow) !important; 1049 | 1050 | .narrate-dropdown & { 1051 | padding-inline: var(--space-small) !important; 1052 | 1053 | > .narrate-row { 1054 | padding-block: var(--space-xsmall) !important; 1055 | 1056 | &:last-of-type { 1057 | padding-block-end: 0 !important; 1058 | } 1059 | 1060 | > .narrate-rate-icon { 1061 | background-size: 16px !important; 1062 | } 1063 | 1064 | > .voiceselect { 1065 | --icon-size-default: 12px !important; 1066 | 1067 | button:is(.select-toggle, .option) { 1068 | min-height: 28px !important; 1069 | font: menu !important; 1070 | } 1071 | } 1072 | } 1073 | 1074 | > .narrate-control { 1075 | gap: var(--space-large) !important; 1076 | 1077 | button { 1078 | min-height: 32px !important; 1079 | background-size: 16px 16px !important; 1080 | border-radius: var(--border-radius-small) !important; 1081 | } 1082 | } 1083 | } 1084 | } 1085 | 1086 | #text-layout-controls { 1087 | width: auto !important; 1088 | padding: var(--space-xsmall) var(--space-small) !important; 1089 | font: menu !important; 1090 | 1091 | > *:not(#about-reader-advanced-layout), 1092 | > #about-reader-advanced-layout > *:not(.accordion-header, .reset-button) { 1093 | padding-block: var(--space-xsmall) !important; 1094 | } 1095 | 1096 | .reset-button { 1097 | font: menu !important; 1098 | padding-block: var(--space-xxsmall) !important; 1099 | } 1100 | } 1101 | 1102 | .dropdown-selector > select { 1103 | background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; 1104 | font-weight: normal !important; 1105 | } 1106 | 1107 | .text-alignment-buttons { 1108 | gap: var(--space-small) !important; 1109 | 1110 | > label { 1111 | border-radius: 4px !important; 1112 | 1113 | &[checked] { 1114 | color: #fff !important; 1115 | } 1116 | } 1117 | } 1118 | 1119 | .container { 1120 | grid-template-areas: "title" "slider" !important; 1121 | grid-template-columns: 1fr !important; 1122 | gap: var(--space-xxsmall) !important; 1123 | 1124 | > .icon-container > .icon { 1125 | height: 12px !important; 1126 | width: 12px !important; 1127 | } 1128 | 1129 | > .slider-container > datalist { 1130 | font-size: 0.92em !important; 1131 | } 1132 | } 1133 | 1134 | #color-controls { 1135 | width: 26em !important; 1136 | padding-block: 0 !important; 1137 | 1138 | > button-group { 1139 | padding-block: 0 !important; 1140 | 1141 | > button[is="named-deck-button"] { 1142 | border-top: none !important; 1143 | } 1144 | } 1145 | } 1146 | 1147 | .color-scheme-buttons { 1148 | padding-block: var(--space-small) !important; 1149 | 1150 | > label { 1151 | height: 36px !important; 1152 | margin-inline: var(--space-small) !important; 1153 | font: menu !important; 1154 | 1155 | &:before { 1156 | width: 16px !important; 1157 | height: 16px !important; 1158 | } 1159 | } 1160 | } 1161 | 1162 | .custom-colors-selection { 1163 | font: menu !important; 1164 | 1165 | moz-input-color { 1166 | --moz-input-color-swatch-size: 16px !important; 1167 | } 1168 | } 1169 | 1170 | #inputSlider[type="range"], .narrate-rate-input { 1171 | appearance: none; 1172 | background: none; 1173 | 1174 | &::-moz-range-thumb { 1175 | background-color: var(--neptune-slider-color); 1176 | width: 14px; 1177 | height: 14px; 1178 | border-radius: 50%; 1179 | border-color: var(--neptune-toolbar-border-color); 1180 | box-shadow: 0 0 3px var(--box-shadow-color-darker-layer-1); 1181 | } 1182 | 1183 | &::-moz-range-progress { 1184 | background-color: var(--theme-primary-color); 1185 | height: 4px; 1186 | border-radius: 2px; 1187 | } 1188 | 1189 | &::-moz-range-track { 1190 | background-color: var(--neptune-slider-track-color); 1191 | height: 4px; 1192 | border-radius: 2px; 1193 | } 1194 | } 1195 | 1196 | .close-button, 1197 | .hover-label, 1198 | .icon-container, 1199 | .dropdown .dropdown-popup h2, 1200 | .dropdown .dropdown-popup hr, 1201 | .slider-container > datalist { 1202 | display: none !important; 1203 | } 1204 | } 1205 | 1206 | @-moz-document url-prefix(about:firefoxview) { 1207 | * { 1208 | cursor: auto !important; 1209 | } 1210 | 1211 | .search-container { 1212 | .search-icon { 1213 | background-size: 12px !important; 1214 | padding: 0 !important; 1215 | width: 12px !important; 1216 | height: 12px !important; 1217 | transform: scaleX(-1); 1218 | } 1219 | 1220 | input { 1221 | padding-inline: var(--space-xlarge) !important; 1222 | width: 16em !important; 1223 | } 1224 | 1225 | .clear-icon { 1226 | background-image: url(resource://content-accessible/searchfield-cancel.svg) !important; 1227 | background-size: 12px !important; 1228 | } 1229 | } 1230 | 1231 | .sticky-container { 1232 | flex-direction: row !important; 1233 | align-items: center; 1234 | justify-content: space-between; 1235 | padding-block-end: var(--space-large) !important; 1236 | 1237 | > :is(.open-tabs-options, .history-sort-options:not([hidden]), .syncedtabs-header) { 1238 | flex-direction: row-reverse; 1239 | } 1240 | 1241 | .open-tabs-options, .open-tabs-sort-wrapper, .history-sort-options:not([hidden]) { 1242 | gap: var(--space-medium) !important; 1243 | } 1244 | 1245 | .open-tabs-sort-option, .history-sort-option { 1246 | gap: 0 !important; 1247 | } 1248 | 1249 | .syncedtabs-header button { 1250 | background-color: transparent !important; 1251 | min-height: var(--button-min-height) !important; 1252 | } 1253 | } 1254 | 1255 | .card-container { 1256 | --icon-size-default: 10px !important; 1257 | padding: var(--space-xsmall) !important; 1258 | box-shadow: var(--box-shadow-level-2) !important; 1259 | 1260 | > .card-container-header { 1261 | padding-block: 0 !important; 1262 | margin-block: 0 !important; 1263 | 1264 | > .chevron-icon { 1265 | background-image: url("chrome://global/skin/icons/arrow-up-12.svg") !important; 1266 | background-color: transparent !important; 1267 | 1268 | .card-container:not([open]) & { 1269 | background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; 1270 | } 1271 | } 1272 | } 1273 | 1274 | > .view-all-link { 1275 | padding-block: 0 !important; 1276 | } 1277 | 1278 | &.inner { 1279 | border: none !important; 1280 | box-shadow: none !important; 1281 | } 1282 | } 1283 | 1284 | .cards-container { 1285 | > .import-history-banner [slot="main"] { 1286 | padding-inline: var(--space-small) 0 !important; 1287 | } 1288 | 1289 | > card-container > h3.device-header { 1290 | gap: var(--space-small) !important; 1291 | } 1292 | } 1293 | 1294 | card-container h3.device-header:not([slot="header"]) { 1295 | margin-block: var(--space-xsmall) !important; 1296 | } 1297 | 1298 | virtual-list > :is(opentabs-tab-row, fxview-tab-row, syncedtabs-tab-row) { 1299 | align-items: center !important; 1300 | } 1301 | 1302 | .fxview-tab-list > opentabs-tab-row { 1303 | margin-inline: 5px !important; 1304 | } 1305 | 1306 | .fxview-tab-row-main { 1307 | padding-block: calc((var(--button-min-height) - var(--size-item-small)) / 2) !important; 1308 | 1309 | > .fxview-tab-row-favicon-wrapper > *::after { 1310 | display: none !important; 1311 | } 1312 | } 1313 | 1314 | .submenu-icon { 1315 | background-image: url("chrome://global/skin/icons/arrow-right-12.svg") !important; 1316 | } 1317 | } 1318 | 1319 | @-moz-document regexp(".*\\.pdf") { 1320 | :root { 1321 | --toolbar-horizontal-padding: 12px !important; 1322 | --button-hover-color: var(--neptune-item-hover-background) !important; 1323 | --dropdown-btn-bg-color: var(--neptune-item-background) !important; 1324 | --toggled-btn-bg-color: var(--neptune-item-background) !important; 1325 | --toggled-hover-active-btn-color: var(--neptune-item-active-background) !important; 1326 | } 1327 | 1328 | .thumbnail, 1329 | .toolbarButton:not(.labeled), 1330 | .dropdownToolbarButton, 1331 | .dialogButton { 1332 | border-radius: var(--border-radius-small) !important; 1333 | } 1334 | 1335 | .toolbarHorizontalGroup { 1336 | gap: 8px !important; 1337 | 1338 | > .dropdownToolbarButton > select { 1339 | background: none !important; 1340 | } 1341 | 1342 | .toolbarButtonWithContainer { 1343 | aspect-ratio: auto !important; 1344 | 1345 | .toolbarButton.labeled { 1346 | min-height: var(--button-min-height) !important; 1347 | } 1348 | } 1349 | } 1350 | 1351 | #sidebarContainer, 1352 | #toolbarContainer, 1353 | #toolbarSidebar { 1354 | box-shadow: none !important; 1355 | border: none !important; 1356 | } 1357 | 1358 | #sidebarContent { 1359 | background-color: var(--sidebar-toolbar-bg-color); 1360 | } 1361 | 1362 | .thumbnail { 1363 | border-width: 3px !important; 1364 | margin-block-end: 2em !important; 1365 | box-shadow: 0 0 10px var(--neptune-menu-shadow-color); 1366 | } 1367 | 1368 | .toolbarField { 1369 | padding-block: 0 !important; 1370 | border-radius: 4px !important; 1371 | 1372 | &:focus { 1373 | border-color: var(--neptune-input-outline-color) !important; 1374 | } 1375 | } 1376 | 1377 | #secondaryToolbar, 1378 | .editorParamsToolbar { 1379 | border-radius: var(--border-radius-small) !important; 1380 | box-shadow: var(--neptune-menu-shadow) !important; 1381 | } 1382 | 1383 | .editorParamsToolbarContainer .editorParamsColor { 1384 | width: 16px !important; 1385 | height: 16px !important; 1386 | border: none; 1387 | } 1388 | 1389 | .pdfViewer .page { 1390 | margin-bottom: 30px !important; 1391 | border: none !important; 1392 | box-shadow: var(--neptune-panel-shadow) !important; 1393 | } 1394 | 1395 | .toolbarButtonSpacer, 1396 | .splitToolbarButtonSeparator, 1397 | .verticalToolbarSeparator { 1398 | display: none !important; 1399 | } 1400 | } 1401 | 1402 | @-moz-document media-document(image) { 1403 | @media not print { 1404 | :root { 1405 | background-color: var(--neptune-main-background) !important; 1406 | background-image: none !important; 1407 | } 1408 | } 1409 | } 1410 | 1411 | .pip-wrapper { 1412 | display: none; 1413 | } 1414 | 1415 | ::selection { 1416 | background-color: var(--neptune-item-selection-background) !important; 1417 | } 1418 | 1419 | .controlBar { 1420 | height: 31px !important; 1421 | background-color: #00000080 !important; 1422 | backdrop-filter: blur(8px); 1423 | margin: 6px; 1424 | border-radius: var(--border-radius-small); 1425 | 1426 | > .button:enabled:is(:hover, :hover:active) { 1427 | fill: #fff !important; 1428 | } 1429 | } 1430 | 1431 | .scrubber::-moz-range-thumb { 1432 | height: 17px !important; 1433 | width: 4px !important; 1434 | border-radius: 2px !important; 1435 | } 1436 | 1437 | .volumeControl::-moz-range-thumb { 1438 | height: 12px !important; 1439 | width: 12px !important; 1440 | } 1441 | 1442 | .bufferBar, 1443 | .volumeControl::-moz-range-track { 1444 | background-color: #666 !important; 1445 | } 1446 | 1447 | .bufferBar::-moz-progress-bar { 1448 | background-color: #888 !important; 1449 | } 1450 | 1451 | .volumeControl::-moz-range-progress, 1452 | .progressBar::-moz-progress-bar { 1453 | background-color: #aaa !important; 1454 | } 1455 | 1456 | .scrubber:hover::-moz-range-thumb, 1457 | .volumeControl:hover::-moz-range-thumb { 1458 | background-color: #fff !important; 1459 | } 1460 | 1461 | #eDivResult { 1462 | background: var(--neptune-popover-background) !important; 1463 | backdrop-filter: blur(16px) !important; 1464 | border: 1px solid var(--neptune-toolbar-border-color) !important; 1465 | border-radius: 12px !important; 1466 | box-shadow: var(--neptune-panel-shadow) !important; 1467 | } -------------------------------------------------------------------------------- /info/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yiiyahui/Neptune-Firefox/4c4b4ff690d02d43ba22924748e1ccf5ec446302/info/preview.png --------------------------------------------------------------------------------