Skip to content

gmail theme modeled after the 2012 yt design by claw241

Write a review Install Get Stylus

Details

Authorclaw241

LicenseNo License

Categorymail.google.com

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

i still need to do: compose(done for now), tabs, left sidebar(the one with spaces/chat/meet)(doneish), gchat
update 1: did some updates based on feedback and started the compose(i have an idea).
update 2: did the integrated chat/meet sidebar compose and some gchat
update 3: searchbar is broken, will fix

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           mail.google.com - 11/17/2022, 5:12:21 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://mail.google.com") {
	body {
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
	body, button, input:not(.gb_ef), textarea {
  font: 12px arial,sans-serif!important;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
}
	.WR .z0 > .L3::before, .WR.anZ .z0 > .L3::before {
  		background-image: none;
  		background-size: 0px;
  		height: 0px;
  		width: 0px;
	}
	.WR .z0 > .L3 {
		border: 1px solid #151515 ;
border-color: #0053a6 #0053a6 #000;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  height: 2.95em;
  padding: 0 24px 0 24px;
		width:132px
}
.WR:not(.bhZ) .z0 > .L3::before, .WR.bym .z0 > .L3::before {
  margin-left: 0px;
  margin-right: 0px;
}
.WR .z0 > .L3::before {
  min-width: 036px;
}
	.z0 > .L3 {
		background-image: linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
		font: 12px arial,sans-serif;
		font-weight: bold;
		font-size: 13px;
		box-shadow: inset 0 1px 0 rgba(256,256,256,.1);
	}
	.T-I-KE {
  line-height: 17px;
		text-align:center
}
	.aic{
		background:#6a6a6a;
	}
	.wT {
  		padding-right: 0;
  		max-width: 1000px;
  		min-width: 0px;
	}
	.TK .TO, .n6 .ah9, .CL {
  	-moz-border-radius: 0;
  	border-radius: 0;
  	box-sizing: border-box;
  	width: 100%;
	}
	.z0 {
  padding: 0 0 0 36px;
}
	.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: #1c1c1c!important;
		border-right: 4px solid #c4302b;
}
	.TK .TO{
		background-image: linear-gradient(to bottom,#292929 0,#252525 100%);
		border-top: 1px solid #323232;
		border-bottom: 1px solid #1b1b1b;
		color:#999!important;
	}
	.TK .TO:hover{
		background: #1c1c1c;
		border-right: 4px solid #666;
		border-top: 1px solid #323232;
		border-bottom: 1px solid #1b1b1b;
		color:#999!important;
	}
	.TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, .n3 > .CL > .CK {
  -moz-osx-font-smoothing: grayscale;
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: .875rem;
  letter-spacing: normal;
  color: #999;
  text-shadow: none;
}
	.byl .TK .TO.nZ > .aHS-bnt .n0, .TK .nZ > .aHS-bnt .bsU, .byl .TK .nZ.aS3 .nU > .n0, .TK .nZ.aS3 .bsU, .byl .TK .nZ.aS4 .nU > .n0, .TK .nZ.aS4 .bsU, .byl .TK .nZ.aS5 .nU > .n0, .TK .nZ.aS5 .bsU, .byl .TK .nZ.aS6 .nU > .n0, .TK .nZ.aS6 .bsU, .TK .TO.nZ .nU > .n0, .TK .ol.NQ .nU > .n0, .TK .TO.ol .nU > .n0, .TK .nZ .bsU, .TK .ol .bsU {
  color: #ededed;
}
	.nZ > .TN.aHS-bnt .qj, .nZ > .TN.aHS-bnt .qj::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABjklEQVQ4T7WUP07DMBTG4xsgJUs2Boa2CxsCCalAcoakAhbu0It06FzW5AiQmFYMwMiQCZaIgQ6JxNaBwbw/TiCDo1SkjtS4jv3z9/zeZ2H13ETPPGu3wCiKpO/558pSIFzAA2+9pcKugD/wVgJ/+NP9XfIwuZxcVJE2FJZlqbIs+1qvP18RwEsUg4j0OwaDluu6h8PhaM9x7JrTABYAlEm6CsLgrMvZxlG09HxvbNuOAVgAME0AGHYExkvPA6BJIYacADAMugGjGBR6/tixTSEXhZJSroKgW8gIhCRCyC1nmG6hkM+wDbilwphCbk1KwdUFdSYUVCF0bxeL/el0mmPWZ7P56fVV+KiojGgaNWNSsGzqibRGWS9Pz+9veX7zvdl8DEaD5Pjo5IBqU5ck9oxJKSFkVKWNwm7RKtg93NBDTGRHGZNSQh0SAankssod2jMQqiAPwjeaw0qNhU0KKwW0f+VlDcIxgvKerFaZgXA5UBnQGekVCK0vheqA/1wUiWwaYbfXV33q/+j0rvAHeHbHFeBtsgIAAAAASUVORK5CYII=');
}
	.aeN {
  background:#272727;
}
	.aAv {
		color:#999;
	}
	.Bn {
		border: 1px solid transparent;
		text-shadow: 0 1px 0 #fff;
border-color: #ccc #ccc #aaa;
background-color: #e0e0e0;
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
background-image: -moz-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -ms-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -o-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#dcdcdc));
background-image: -webkit-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);
		border-radius:2px
	}
	.Bn::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: none;
  border-radius: 4px;
  transform: scale(0);
  transition-property: transform,opacity;
}
	.Bn:hover {
		border-color: #aaa #aaa #999;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
background-image: -moz-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
background-image: -ms-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
background-image: -o-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#e6e6e6));
background-image: -webkit-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
background-image: linear-gradient(to bottom,#f0f0f0 0,#e6e6e6 100%);
	}
	.nr {
  background-color: transparent;
  color: #222;
}
	.zA.zE {
		background:#fff;
	}
	.yO {
  background: #f6f6f6;
  color: #202124;
}
	.G-atb {
		background:#fff;
		margin:0!important;
		border-top-right-radius:5px;
	}
	.bkK > .nH {
  background-color: rgba(255,255,255,0.8);
  -moz-border-radius: 16px;
  border-radius: 0px;
  margin-bottom: 0px;
  overflow-y: hidden;
		height:100%
}
	.aqK {
		background:#fff
	}
.iY {
	background:#fff!important
}
	img[src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"] {
    background: url(data:image/png;base64,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...

Reviews

No reviews yet.