Skip to content

Gmail layout 2018-2020 by slimenderyt

Write a review Install Get Stylus

Details

Authorslimenderyt

LicenseNo License

Categorymail.google.com

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Restores the old gmail layout from 2020

Notes

Userstyle doesn't have notes.

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 2018-2022 FIXED
@namespace      github.com/openstyles/stylus
@version        1.0.62
@description    Fixes to bring back the old gmail design
@author         Jugami1 heavily updated by: Mark Lenny
==/UserStyle== */

@-moz-document domain("mail.google.com") {


	.bAw.bcf .brC-aT5-aOt-Jw{
		    border-left: 1px solid #f1f3f4!important;
    border-left-width: 1px!important;
    border-left-style: solid!important;
	}
	form.bas{
		border-radius: 8px!important
	}
    
    /* header*/
#gb {
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 #eceff1 !important;
}

/* left sidebar */
    
    
    
    
.bkL {
  background-color: #fff !important;
}

.aDG {

   
    border-radius: 3px;
 
}


/*FixOpacityForMosticons*/
 
    
/* emailingicons  IN ORDER*/
    
.bzn .ar8, .brq {
    background-image: url(https://lh3.googleusercontent.com/awwh7-8SnjNfHuRXg68PtSt0YJ_y1im--ESKx1mt7sTNpxwaUDTMlxtQQ6kTepp1Tg=h36);   
}    
    
.bzn .asl {
    background-image: url(https://lh3.googleusercontent.com/_JMTh657KRHVAqAIuF5QcVaSNobpDkYP7taKp1NLvuuVVdE6lf5IgjvyeA8rVhYvA2M=w36-h36);
 
}    
    
.bzn .ar9, .bru {
    background-image: url(https://i.ibb.co/VwdynbT/ic-delete-grey600-24dp-1.png);
  
}   
    
.bzn .bAP, .bqY.bqY > .brs {
background-image: url(https://www.gstatic.com/images/icons/material/system/1x/mark_as_unread_black_20dp.png);
      opacity: 1;
 filter: contrast(10%)
 
}
    
.bzn .brW, .brv {
    background-image: url(https://lh3.googleusercontent.com/SQDpp_T6ORgzRztNu6ixbCOPsCL_YdOLfZ9hIjYyutehZOEK6UrBDvQ59LdZ6FeJM2E=h36);
  
}
.bzn .Vj {
    background-image: url(//ssl.gstatic.com/ui/v1/icons/mail/rfr/task_add_filled_20_black_1x.png);
     filter: contrast(10%)
      
}

.bzn .ase {
    background-image: url(https://lh3.googleusercontent.com/3nvzfbc_FfWEnEBawQKwjRjNRJhsihm8CL7J3ry0dfBcoSrtBWag2qZ_Vq_vTOS2sPw=w36-h36);
  
}    
.bzn .asb {
    background-image: url(https://lh3.googleusercontent.com/heGR8hszBZ4DzcPwLB87T8tcbjFt_rTgejKOeJ_gRUtx6mOmO_4CV60KiTr9xYWHl8Q=h36);  
} 
    
.bAm .hB, .b7 .mL, .Un .mL, .HX .mL {
    background-image: url(https://lh3.googleusercontent.com/KeRQ96mHbffqditVoxc_J2buAo4i_H_SsgCnrypXciIHJ5MsXCc9zDzU69VZE4WwJA=w36-h36);
} 
.btC .og.T-I-J3, .btC .J-N-JX.og.T-I-J3 {
    background-image: url(https://lh3.googleusercontent.com/7TSqXMjRttfZgv9ffhvgvNYIa2wXFxagnmXgGt882rXlCAn-kgUvITybE_VGL-V6ww=w36-h36);
} 
.amr .ams.bkG::before {
    background-image: url(https://lh3.googleusercontent.com/c7O9UqhgnBbuLQr466g3H2r90VglOknRNoyuIuGs7zMnRDUpzkC_qftaA-cmVro_aA=h36);
}
.amr .ams.bkH::before {
    background-image: url(https://lh3.googleusercontent.com/KeRQ96mHbffqditVoxc_J2buAo4i_H_SsgCnrypXciIHJ5MsXCc9zDzU69VZE4WwJA=w36-h36);
}   
.gW {
    background-image: url(https://lh3.googleusercontent.com/Lv7DFZo96ps3iy1yxXX7P_8SR_K3A4EAg391_VsDJVoRHG73NC-3rOlp1-jPWJd8AnD5=w36-h36);
    opacity: 1;
}
.bzn .bAO, .brr {
    background-image: url(https://lh3.googleusercontent.com/SoYH4F0TgS7Pp2ieqgbJQMjlggeGcKhkPpF7y2gSLnsfo3asCNMNd_f7jJIA_q-qPA=w36-h36);
}    
.G-Ni .T-I-ax7.T-I-JW .T-I-J3{
    opacity: 1 !important;
    }
    /*send*/
.TO.nZ>.TN.aHS-bnu>.qj {
      background-image: url(https://i.ibb.co/n1s49Hj/ROG-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
      opacity: 0.71  
}   
    
.b7 .mI, .Un .mI, .HX .mI {
    background-image: url(https://lh3.googleusercontent.com/c7O9UqhgnBbuLQr466g3H2r90VglOknRNoyuIuGs7zMnRDUpzkC_qftaA-cmVro_aA=h36);
} 


    /*send*/
    
.TO:not(.nZ)>.TN.aHS-bnu>.qj {
 background-image: url(https://i.ibb.co/n1s49Hj/ROG-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px;
       opacity: 0.61;
}    

/*DraftsIcon*/
    .TO.nZ>.TN.aHS-bnq>.qj {
  background-image: url(https://www.gstatic.com/images/icons/material/system_gm_filled/1x/insert_drive_file_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
        opacity: 0.71 
}
    
    /*snoozed*/
.TO:not(.nZ)>.TN.aHS-bnq>.qj {
    background-image: url(https://www.gstatic.com/images/icons/material/system_gm_filled/1x/insert_drive_file_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
          opacity: 0.61;
}
    
    
    
.TO.nZ>.TN.aHS-bu1>.qj {
  background-image: url(https://www.gstatic.com/images/icons/material/system_gm_filled/1x/schedule_black_20dp.png);
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}    
    
    
/*.nZ>:not(.aHS-bnt)>.qj:not(.aEe), .ol .qj:not(.aEe) {
     opacity: 1; 
}
    */
    
    .TO:not(.nZ)>.TN.aHS-bu1>.qj {
   background-image: url(https://www.gstatic.com/images/icons/material/system_gm_filled/1x/schedule_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
      opacity: 0.61;  
}

    
/*Checkboxes and some tab icons*/
.bzn .G-tF .T-Jo {

    background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_outline_blank_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}
    
.bzn .G-tF .T-Jo-Jp {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}
    
.bzn .G-tF .T-Jo-ayH {       
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/indeterminate_check_box_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}
    
    
    
    
    
    
td.apU>.T-KT.T-KT-Jp::before {
  background-image: url(https://www.gstatic.com/images/icons/material/system/1x/star_googyellow500_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
    
td.apU>.T-KT.aXw::before {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/star_border_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.32;
}    

.xY>.T-Jo {
    background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_outline_blank_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
  
}
    
.xY>.T-Jo-Jp {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/check_box_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
 opacity: 0.63;
    
}
    
.aAy>.aKe-aLf, .aAy.J-KU-KO>.aKe-aLf {
    background-image: url(https://i.ibb.co/3zzx0XL/socaila.png);
    background-position: center;
    background-repeat: no-repeat;
      background-size: 29px;
        opacity: 0.9;
	left: 1px;
	top: 2px;
}    
    
    
.aAy>.aJi-aLf, .aAy.J-KU-KO>.aJi-aLf {
     background-image: url(https://i.ibb.co/3CyHL06/promo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;
        opacity: 0.9;
	top: -1px;
}    
    
.aAy>.aH2-aLf, .aAy.J-KU-KO>.aH2-aLf {
    background-image: url(https://i.ibb.co/ByqTQW6/updates.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;
        opacity: 0.9;
	top: -1px;
}	

	
	
.bzn .bjy {
      background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/more_vert_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}   
	
.aAy>.aHE-aLf, .aAy.J-KU-KO>.aHE-aLf {
    background-image: url(https://i.ibb.co/q1HvzC9/fourms.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px;
        opacity: 0.9;
	top: -1px;
}    
    
    
.bzn .asf {
    background-image: url(//ssl.gstatic.com/ui/v1/icons/mail/gm3/1x/refresh_baseline_nv700_20dp.png);
       background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/refresh_black_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.71;
}    
    
.Xr .V3, .aam, .z0, .aic {
   background-color: rgb(255, 255, 255)
}
    
    /*Puts old inbox icon*/
.aAy.J-KU-KO>.aIf-aLf ,.nZ>.TN.aHS-bnt .qj, .nZ>.TN.aHS-bnt .qj::before {
    background-image: url(https://www.gstatic.com/images/icons/material/system/1x/inbox_gm_googlered600_20dp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;

}
    
    
.gb_Ea:not(.gb_Fa) .gb_Sd {
    padding: 8px;
    background-color: white;
      box-shadow: inset 0 -1px 0 #eceff1 !important;
}
.wn, .wo, .w1, .wq, .wp{
        background-color: #fff !important;
    }
    
    
.nH.w-asV ,.nH.w-asV{
  
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 #eceff1 !important;
}
 .TO:not(.nZ)>.TN.aHS-bnt .qj {
    background-image: url(https://www.gstatic.com/images/icons/material/system/1x/inbox_black_20dp.png);
    background-position: center;
         opacity: 0.61;
   
}   
    
.aAy>.aIf-aLf {
    background-image:   url(https://www.gstatic.com/images/icons/material/system/1x/inbox_black_20dp.png);
   background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
        opacity: 0.6;
}
    
/* oldtextcolor */
.TK .nZ>.aHS-bnt .bsU{
    color: #d93025;
}

/*starred*/
.TO:not(.nZ)>.TN.aHS-bnw>.qj {
    background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/star_black_20dp.png);
    background-size: 20px;
    background-repeat: no-repeat;

        opacity: 0.63;
}    

.TO.nZ>.TN.aHS-bnw>.qj {
background-image: url(https://www.gstatic.com/images/icons/material/system_gm/1x/star_black_20dp.png...

Reviews

No reviews yet.