All Projects → dbuxy218 → Prismatic Night

dbuxy218 / Prismatic Night

Licence: gpl-3.0
A dark themed startpage and dark themes for Firefox and Linux inspired by Material design and Adapta.

Projects that are alternatives of or similar to Prismatic Night

Prismatic-Night
A dark themed startpage and dark themes for Firefox and Linux inspired by Material design and Adapta.
Stars: ✭ 287 (+28.7%)
Mutual labels:  firefox, dark-theme, icons
Material Design Icons
Material Design icons by Google
Stars: ✭ 44,551 (+19878.03%)
Mutual labels:  material-design, icons
Firefox Uwp Style
MDL2 Theme for Firefox
Stars: ✭ 96 (-56.95%)
Mutual labels:  dark-theme, firefox
Mato
Mato - Icon pack for Linux
Stars: ✭ 117 (-47.53%)
Mutual labels:  material-design, icons
Iconshowcase
Full-of-features, easy-to-customize, free and open source, Material Design dashboard for icon packs.
Stars: ✭ 91 (-59.19%)
Mutual labels:  material-design, icons
Notion Icons 2.0
Create a more vibrant and modern workspace. Use Github Issues to request more Icons.
Stars: ✭ 93 (-58.3%)
Mutual labels:  dark-theme, icons
Discord Panel
📊 User friendly dashboard/tool for discord bot developpers to manage servers
Stars: ✭ 116 (-47.98%)
Mutual labels:  dark-theme, firefox
Npp Material Theme
Material Theme, the most epic theme for Notepad++ | Dark Theme
Stars: ✭ 60 (-73.09%)
Mutual labels:  dark-theme, material-design
Android Icon Pack
Material Open Source's Android Icon Pack Running on Adian Follestad's Polar Dashboard
Stars: ✭ 130 (-41.7%)
Mutual labels:  material-design, icons
Rmdi
React Material Design Icons – built with Pixo, Styled Components, and Styled System
Stars: ✭ 132 (-40.81%)
Mutual labels:  material-design, icons
Moonshot
A SpaceX companion app for Android
Stars: ✭ 150 (-32.74%)
Mutual labels:  dark-theme, material-design
Materialdesign
✒6200+ Material Design Icons from the Community
Stars: ✭ 9,669 (+4235.87%)
Mutual labels:  material-design, icons
Mahapps.metro.iconpacks
Awesome icon packs for WPF and UWP in one library
Stars: ✭ 1,157 (+418.83%)
Mutual labels:  material-design, icons
Covid 19 Tracker
Android app to track COVID-19 cases in India and globally.
Stars: ✭ 96 (-56.95%)
Mutual labels:  dark-theme, material-design
Materialstyleddialogs
A library that shows a beautiful and customizable Material-based dialog with header. API 14+ required.
Stars: ✭ 1,139 (+410.76%)
Mutual labels:  material-design, icons
Icons
Material Design inspired product icons
Stars: ✭ 110 (-50.67%)
Mutual labels:  material-design, icons
Firefox Gnome Theme
A theme for Firefox 57+ matching GNOME Adwaita.
Stars: ✭ 179 (-19.73%)
Mutual labels:  dark-theme, firefox
Youtube Play Icon
Material style morphing play-pause drawable for Android
Stars: ✭ 57 (-74.44%)
Mutual labels:  material-design, icons
Owl
A Mozilla Firefox add-on to make online reading comfortable.
Stars: ✭ 58 (-73.99%)
Mutual labels:  dark-theme, firefox
Vectoriconsroundup
A comparison between popular vectorial icon fonts
Stars: ✭ 126 (-43.5%)
Mutual labels:  material-design, icons

Prismatic-Night

If you're seeing something unexpected OR the result doesn't match the screenshots OR you want me to add new features to the startpage OR you need help in modifing the existing files, click on this to open an issue and I'll try to solve it. Post a screenshot of the problem, your current OS as well as the version of firefox you're using.

About the Startpage

The Startpage is hosted using github-pages. Click here to see the live preview. The Startpage currently supports searching with DuckDuckgo and Google. Click on the search engine logo image to toggle the search engine.

engine

Table of Contents

│── Instructions
│   │── Firefox theme
│   │   │── Setting the userchrome
│   │   │── Setting the startpage as the Home page
│   │   └── Setting the startpage as the New Tab page
│   │── Openbox theme
│   │── Tint2 theme
│   │── Folder and systray icons
│   │── Geany colorscheme
│   └── Zathura
└── Screenshots

Instructions

Firefox theme

(tested in Firefox 80.0)

Setting the userchrome

Place the chrome dir in ~/.mozilla/firefox/PROFILE/ to use them. You can get the location of your PROFILE dir in about:profiles (type this in the address bar in your browser).

If you are using FF 69+ you need to enable this first: about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true

Also, set the UI density to compact.

Right-click on tabs bar/nav bar > Customize.. > Density > Compact

uidensity

Important: see userChrome.css

patches

The userchrome is divided into various "patch files" so that it will be easier to add/ edit the different bits.

Lines 11 and 12 contains two nav bar access methods(use any one at once, i.e. uncomment line 11 or 12. If one of them is uncommented the other must be commented):

Hover access

hover

This is the default access method. Just hover on the tab area with your cursor to access the nav bar and other stuff.

Ctrl+L access

ctrlL

If this is uncommented, you need to press Ctrl+L to access the url bar and other stuff. I prefer this mode as I find the access on hover a little annoying. So i've included it too.(previously this was the default mode but some people who weren't aware of the Ctrl+L feature was having problem. So i decided to make this optional and the access on hover default).

If you want the nav bar to remain unhidden, comment both lines 11 and 12.

BONUS: uncomment line 8 to put the tabs in the bottom.

Setting the startpage as the Home page

Copy the startpage dir to ~/.mozilla/firefox/PROFILE/ just like above. Right click on the index.html from the startpage dir and open with firefox. Now copy the location of the file from the address bar. It looks like this: file:///home/debasis/.mozilla/firefox/sawjo289.default-esr/startpage/index.html. Open preferences > Home from the hamburger menu, select custom URLs and paste the address like so:

prefs

Restart firefox.

Setting the startpage as the New Tab page

In the older firefox versions this step was very easy and straight forward but now it's a bit complicated. But fortunately if you follow these steps it will be quite easy(credit/for windows):

  • Open the firefox/newtab/ dir in your file manager. It contains local-settings.js and mozilla.cfg.
  • Open mozilla.cfg in any text editor. It looks like this:

prefs

  • In line 7 paste the address of the index.html(see previous section) in the double quotes. Save and close the file.

  • Open your terminal and cd into firefox/newtab/ (location of local-settings.js and mozilla.cfg).

  • Now run the following commands as root user:

sudo cp mozilla.cfg /usr/lib/firefox/
sudo cp local-settings.js /usr/lib/firefox/defaults/pref/

setpage

  • Restart firefox (Done!).

Openbox theme

Copy the Prismatic-Night dir from dots/openbox dir to ~/.themes/ or /usr/share/themes/ to use it and select the theme with your Openbox Configuration Manager.

Tint2 theme

Copy the contents of the dots/tint2(or tint2-alt) dir to ~/.config/tint2/ and select the theme with your tint2 gui editor/ theme selector. Do not forget to put the correct path of the icons in your tint2rc otherwise the icons wont appear(change it to your username in /home/USERNAME/.config/tint2/icons/icon.png).

Folder and systray icons

If ur using Nemo or any fork of Nautilus as your file manager, u can directly select the icons through right-click menu -> properties after selecting a folder. For other file managers u have to replace the icons of ur icon theme with the ones here. You can also replace the icons of any icon pack with my icons. For the systray icons copy the contents to for example /usr/share/icons/Papirus/16x16/panel and replace the icons. Then restart session.

Geany colorscheme

Copy the dots/geany/Prismatic-Night.conf to ~/.config/geany/colorschemes.

Zathura

Copy the dots/zathura dir to ~/.config/


Screenshots

  1. Firefox, tint2

firefox

  1. 128x128 folder designs

folders

  1. ncmpcpp, xfce4-notify

ncmpcpp

  1. Geany, urxvt, nemo

all

  1. Zathura

zathura

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].