Makes Gmail look like how it was from late 2013 to early 2014.
Old Gmail (2013 - 2014) by joaoguilherme111
Details
Authorjoaoguilherme111
LicenseNo License
Categoryhttps://mail.google.com/
Created
Updated
Size16 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
I will only fix bugs in updates. Please raise issues in the Github repository.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Old Gmail 2013-2014
@namespace github.com/openstyles/stylus
@version 1.2.0
@description Fixes to bring back the old gmail design
@author jg111
==/UserStyle== */
@-moz-document domain("mail.google.com") {
/* header*/
#gb {
background-color: #fff !important;
box-shadow: inset 0 -1px 0 #eceff1 !important;
}
/* left sidebar */
.bkL {
background-color: #fff !important;
}
/* right sidebar */
.bAw .brC-aT5-aOt-Jw {
background-color: #fff !important;
}
/* active/hover fixes */
.TK .TO.nZ:active, .TK .TO.ol:active, .TK .TO.nZ, .TK .TO.ol, .byl .TK .nZ.aBP, .byl .TK .nZ.aS3, .byl .TK .nZ.aS4, .byl .TK .nZ.aS5, .byl .TK .nZ.aS6 {
background-color: #f1f1f1 !important;
}
/* new mail button */
.z0 > .L3:hover, .z0 > .T-I-KE.L3:focus {
background-color: #f6f6f6;
}
.aBO > .aic > .z0 > .T-I.T-I-KE.L3:focus {
background-color: #f6f6f6;
}
.aBO > .aic > .z0 > .T-I.T-I-KE.L3 {
border-radius: 24px;
height: 48px;
color: #d93426;
}
.WR .z0 > .L3 {
border-radius: 24px;
height: 48px;
}
.WR .z0 {
height: 50px;
margin: 15px 0 15px 0;
}
.z0 > .L3 {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(60,64,67,0.200), 0 2px 4px 2px rgba(60,64,67,0.100);
}
.WR .z0 > .L3::before, .WR.anZ .z0 > .L3::before {
/*filter: invert(38%) sepia(91%) saturate(1510%) hue-rotate(204deg) brightness(103%) contrast(91%);*/
filter: invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
.WR .z0 > .L3 {
/*color: #2e7ff5;*/
color: #d93426;
}
.aBO > .aic > .z0 > .T-I.T-I-KE.L3::before {
filter: invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
.bhZ:not(.bym) .z0 > .L3 {
border-radius: 28px;
}
/* e-mail list */
.yO {
background: #f4f7f7 !important;
}
/* search */
form.aJf {
background-color: #f1f3f4;
}
form.aJf svg {
color: #5f6368;
}
/* sections */
/* 1: unsorted */
td.aRz:nth-child(1) .J-KU-KO.aIf-aLe::before {
background-color: #d93426;
}
td.aRz:nth-child(1) .aAy.J-KU-KO > .aIf-aLf {
filter: saturate(0%) contrast(200%) invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
td.aRz:nth-child(1) .J-KU-KO.aIf-aLe .aKz {
color: #d93426;
}
/* 2: promo */
td.aRz:nth-child(2) .J-KU-KO.aJi-aLe::before {
background-color: #188038;
}
td.aRz:nth-child(2) .aAy.J-KU-KO > .aJi-aLf {
filter: saturate(0%) contrast(200%) invert(19%) sepia(97%) saturate(3741%) hue-rotate(144deg) brightness(91%) contrast(81%);
}
td.aRz:nth-child(2) .J-KU-KO.aJi-aLe .aKz {
color: #188038;
}
/* 3: social */
td.aRz:nth-child(3) .J-KU-KO.aKe-aLe::before {
background-color: #1a73e8;
}
td.aRz:nth-child(3) .aAy.J-KU-KO > .aKe-aLf {
filter: saturate(0%) contrast(200%) invert(25%) sepia(67%) saturate(3361%) hue-rotate(208deg) brightness(104%) contrast(82%);
}
td.aRz:nth-child(3) .J-KU-KO.aKe-aLe .aKz {
color: #1a73e8;
}
/* 4: notifications */
td.aRz:nth-child(4) .J-KU-KO.aH2-aLe::before {
background-color: #e37400;
}
td.aRz:nth-child(4) .aAy.J-KU-KO > .aH2-aLf {
filter: saturate(0%) contrast(200%) invert(46%) sepia(94%) saturate(2989%) hue-rotate(14deg) brightness(103%) contrast(101%);
}
td.aRz:nth-child(4) .J-KU-KO.aH2-aLe .aKz {
color: #e37400;
}
/* 5: forum */
td.aRz:nth-child(5) .J-KU-KO.aHE-aLe::before {
background-color: #a142f4;
}
td.aRz:nth-child(5) .aAy.J-KU-KO > .aHE-aLf {
filter: saturate(0%) contrast(200%) invert(32%) sepia(57%) saturate(4426%) hue-rotate(257deg) brightness(98%) contrast(96%);
}
td.aRz:nth-child(5) .J-KU-KO.aHE-aLe .aKz {
color: #a142f4;
}
/* first child menu sidebar */
.byl .TK .nZ.aBP:first-child {
background-color: #fce8e6 !important;
}
.nZ > .TN.aHS-bnt .qj:first-child {
filter: saturate(0%) contrast(200%) invert(25%) sepia(43%) saturate(4735%) hue-rotate(349deg) brightness(89%) contrast(90%);
}
.byl .TK .TO.nZ > .aHS-bnt .n0:first-child {
color: #d93426;
}
/* borders */
.G-atb::before {
box-shadow: inset 0 -1px 0 0 #eceff1;
}
.bAw .brC-aT5-aOt-Jw, .bAw .brC-aMv-auO.brC-aT5-aOt-Jw, .bAw .brC-aMv-bta.brC-aT5-aOt-Jw {
border-left-color: #f1f3f4;
}
/* removing border-radius */
.bkK > .nH {
border-radius: 0 !important;
margin-bottom: 0 !important;
}
.IU {
border-radius: 0 !important;
}
/* font */
.yW {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.zA > .a4W {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, .n3 > .CL > .CK {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.zA > .xW {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
.amH > .Dj, .h0 > .adl {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
}
/* sidebar fixes */
.aeN.WR.a6o.anZ.baA.nH.oy8Mbf {
background-color: transparent !important;
}
.apV .V6, .apV .V6:focus, .apV .V6:hover {
background-color: #f1f1f1 !important;
}
body[jsaction] [gh="cm"] {
/* Compose */
background-color: #d14836 !important;
background-image: linear-gradient(to bottom, #dd4b39, #d14836) !important;
border: 1px solid transparent !important;
border-radius: 2px !important;
box-shadow: none !important;
color: #fff !important;
font-size: 11px !important;
font-weight: bold !important;
height: 27px !important;
line-height: 27px !important;
margin-left: 18px !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.1) !important;
text-transform: uppercase !important;
}
body[jsaction] [gh="cm"]::before {
/* Compose Background */
background-image: none !important;
min-width: 26px !important;
}
body[jsaction] div[jscontroller] > div > div > div > div {
/* Compose Background */
margin: -1px !important;
padding-top: 15px !important;
}
@font-face {
font-family: "Roboto";
font-weight: 550 900;
src: local("Arial Bold");
}
@font-face {
font-family: "Google Sans";
font-weight: normal;
font-weight: 100 549;
src: local("Arial");
}
@font-face {
font-family: "Google Sans";
font-weight: normal;
font-weight: 550 900;
src: local("Arial Bold");
}
* {
-webkit-font-smoothing: auto !important;
letter-spacing: 0 !important;
}
}
/*## Logo */
img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
content: url(" data:image/png;base64,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...