Improve Gmail look
Better Gmail.com by birdie0
Imported and mirrored from https://raw.githubusercontent.com/Birdie0/userstyles/master/styles/mail.google.com.user.css
Details
Authorbirdie0
LicenseMIT
Categorymail.google.com
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Currently there's 3 style overrides:
- Replace gray sidebar background with blurred one
- Shrink background below email list
- Custom background color and opacity
Due to limitation of background-color override opacity can't be changed without editing color as well, so I'm providing default colors and opacity to tune color depending on theme you're using:
- Default theme - #ffffff / 1
- Dark themes - #333333 / 0.8
- Light themes - #ffffff / 0.8
Source code
/* ==UserStyle==
@name Better Gmail.com
@version 1.1.1
@namespace github.com/Birdie0/userstyles
@description Improve Gmail look
@author Birdie0
@homepageURL https://github.com/Birdie0/userstyles
@supportURL https://github.com/Birdie0/userstyles/issues
@license MIT
@preprocessor stylus
@var checkbox shrink_email_list "Shrink Email List" 1
@var checkbox no_gray_sidebar "No Gray Sidebar" 1
@var checkbox custom_background "Custom background" 1
@var color background_color "Background color" #ffffff
@var range background_opacity "Background opacity" [0.4, 0.01, 1, 0.01]
==/UserStyle== */
@-moz-document domain("mail.google.com") {
if shrink_email_list {
.Tm.aeJ {
height: unset !important;
max-height: calc(100vh - 180px) !important;
}
}
if no_gray_sidebar {
.aeN.WR.nH.oy8Mbf.bhZ {
&.bym, &.bjB {
background-color: transparent !important;
backdrop-filter: blur(3px) contrast(99%) !important;
}
}
}
if custom_background {
.bkK > .nH {
background-color: rgba(background_color, background_opacity) !important;
}
.TD {
background-color: rgba(background_color, background_opacity * 0.8) !important;
}
}
}