GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jeremiecook → Protonmail Theme

jeremiecook / Protonmail Theme

Licence: mit
Protonmail Theme

Labels

uithemescssui-designhtml-css

Projects that are alternatives of or similar to Protonmail Theme

7.css
A tiny CSS framework for building faithful recreations of the Windows 7 UI.
Stars: ✭ 169 (+26.12%)
Mutual labels:  ui-design, scss
Theme Ad
🔨 Art design theme for write and show.
Stars: ✭ 262 (+95.52%)
Mutual labels:  ui-design, scss
Pure Css3 Animated Border
Pure CSS3 animated border for all html element.
Stars: ✭ 63 (-52.99%)
Mutual labels:  ui-design, html-css
Flutter Ui Designs
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.
Stars: ✭ 131 (-2.24%)
Mutual labels:  ui-design
Ng Pi Admin
Angular admin http://treesflower.com/ng-pi-admin
Stars: ✭ 131 (-2.24%)
Mutual labels:  scss
Flamesui
A css-based web components.
Stars: ✭ 133 (-0.75%)
Mutual labels:  ui-design
Gaohaoyang.github.io
blog & blog theme🤘
Stars: ✭ 1,699 (+1167.91%)
Mutual labels:  scss
Nord Vim
An arctic, north-bluish clean and elegant Vim theme.
Stars: ✭ 1,987 (+1382.84%)
Mutual labels:  ui-design
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-0.75%)
Mutual labels:  scss
Accecss
AcceCSS A Sass Mixin That debug & check the accessibility of your designs
Stars: ✭ 132 (-1.49%)
Mutual labels:  scss
Mixins
sass mixins
Stars: ✭ 132 (-1.49%)
Mutual labels:  scss
Awesome Sass
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Stars: ✭ 1,714 (+1179.1%)
Mutual labels:  scss
Ng Packagr
Compile and package Angular libraries in Angular Package Format (APF)
Stars: ✭ 1,730 (+1191.04%)
Mutual labels:  scss
Puzzle Publisher
A Sketch plugin that exports Sketch artboards into clickable HTML file and publishes it on an external site.
Stars: ✭ 131 (-2.24%)
Mutual labels:  ui-design
Nextjs Ts
Opinionated Next JS project boilerplate with TypeScript and Redux
Stars: ✭ 134 (+0%)
Mutual labels:  scss
Web Starter Kit
Web Starter Kit is an opinionated boilerplate for web development. A solid starting point for both professionals and newcomers to the industry.
Stars: ✭ 130 (-2.99%)
Mutual labels:  scss
Overlap
Tiny iOS library to achieve overlap visual effect
Stars: ✭ 133 (-0.75%)
Mutual labels:  ui-design
Fusebox Angular Universal Starter
Angular Universal seed project featuring Server-Side Rendering, @fuse-box bundling, material, firebase, Jest, Nightmare, and more
Stars: ✭ 132 (-1.49%)
Mutual labels:  scss
Pretty Checkbox
A pure CSS library to beautify checkbox and radio buttons.
Stars: ✭ 1,708 (+1174.63%)
Mutual labels:  scss
Font Library
📇 An open source project to tag and organize Google Fonts
Stars: ✭ 132 (-1.49%)
Mutual labels:  scss
View All Similar Projects ➔

ProtonMail Theme

New : Theme updated for Protonmail 4.1.1 - 6 oct 2020

Here's your new favorite theme for ProtonMail mail application !

Alt text

Out of the box :

  • New light color theme
  • Better access to folders and badgs
  • Cleaner interface with some UX improvements

Alt text

For advanded users :

  • Options to tweak colors and navigation

It is worth mentioning that Protonmail made this new version so much easier to theme and tweak. Many thanks to the team for these great improvements !

Easy installation !

Since Protonmail 4.1.1, you need to use Stylus extension to customize your Inbox (Source Reddit). You can download it for Firefox or Chrome (But you should really use Firefox)

1 - Copy the CSS from /dist/css/prontmail.css https://raw.githubusercontent.com/jeremiecook/protonmail-theme/master/dist/css/protonmail.css

2 - Paste it in Stylus

You're done !

Options

You can tweak your theme with somes options in the protonmail.scss file.

  • Easily change the color of this theme as you like with CSS vars.
  • $hide-navigation: Hide some navigation links you don't use that much (still accessibles on hover)
  • $hide-message-size: I personnaly don't use the size display for every message. If you need it just set the option to false.

Share love & feedback

Feel free to use, share or tweak as you like ! If you use and like this theme, you're kindly allowed to buy me a beer or a coffee

Feedback is welcome ! You can contact me on twitter or Dribbble

How to build and tweak this theme

Fork or clone this project https://github.com/jeremiecook/protonmail-theme.git

Go to your project repository.

Install node modules:

yarn install

Run the Sass watcher:

npm run watch

News & updates

  • Jul 17 2020 - Improvements & bugfixes
  • Feb 1st 2020 - Protonmail Theme 4 is here !
  • Feb 22 2017 - Theme updated for Protonmail 3.7.1
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].