This userstyle makes the Google Account Switcher and App Drawers look like the old ones that they had back in the day
Old Google Account Switcher by yacine_book
Details
Authoryacine_book
LicenseCC Zero
Categorygoogle.com
Created
Updated
Size6.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog:
Version 1.0.0 (04 Feb 2023) - Initial Release
Version 1.0.1 (07 Feb 2023) - Removed the old icons from the app switcher since Google decided to break them for whatever reason
Source code
/* ==UserStyle==
@name Old Google Account Switcher
@namespace 1/31/2023, 11:01:13 PM
@namespace https://userstyles.world/user/yacine_book
@version 1.0.1
@description A Userstyle that replicates the old account switcher Google had back in the day
@author Yacine
==/UserStyle== */
@-moz-document url("https://www.google.com/"), url("https://www.google.com/?gws_rd=ssl"), url-prefix("https://www.google"), url-prefix("https://www.google.com/search"), url-prefix("https://images.google.com/"), url-prefix("https://www.google.com/imghp"), url-prefix("https://www.google.com/webhp"), url-prefix("https://www.google.com/maps"), domain("ogs.google.com"), domain("ogs.google") {
/* Account Switcher */
.Lvwayc {
border-radius: 0px;
border: 1px solid #D0CFCF;
}
.N2ncR {
background: #f5f5f5;
padding-top: 0px;
}
.qLP7kc {
border-radius: 0px;
margin: 0px;
}
.y5Iqsb {
border-radius: 0px;
margin-bottom: 0px;
background: none;
}
.d2yxTb {
border-bottom: 1px solid #C4C4C4;
}
.JZFjpd, .pMoudc .JZFjpd, .UjihFd {
width: 96px;
height: 96px;
}
.Q3ao0c {
display: none;
}
.ut3Ak.jFfZdd {
border-bottom: 1px solid #C3C3C3;
}
.L2vhzb {
width: 40px;
height: 40px;
}
.oMipDf, .qYxqwd {
width: 40px;
height: 40px;
}
.oMipDf {
margin: -2px 0;
margin-left: -14px;
margin-right: -13px;
}
.KKMNAc.zpoCob {
margin-right: -34px;
font-family: "Roboto";
}
.zHzpD .RroO5d {
position: relative;
margin-left: 108px;
font-family: "Roboto";
color: #FEFFFA;
border-radius: 2px;
border: 1px solid #3279ED;
background: #4D91FF!important;
font-size: 0px;
line-height: 0px;
}
.aRDKUe .zHzpD .RroO5d {
color: #FEFFFA;
}
.oREknc {
margin-top: -45px;
}
.ziuVxb {
background: #0000008c;
border-radius: 0px;
border-end-start-radius: 0px;
border-end-end-radius: 0px;
bottom: 0;
height: 26px;
right: 0px;
width: 96px;
}
.aRDKUe .ziuVxb {
background: #0000008c;
}
.aRDKUe.Lvwayc {
border: 1px solid #3B3B3B;
}
.aRDKUe .d2yxTb {
border-bottom: 1px solid #3B3B3B;
}
.aRDKUe .ut3Ak.jFfZdd {
border-bottom: 1px solid #3B3B3B;
}
.ziuVxb .GXg3Le, .ziuVxb .V9opsd {
border: none;
}
.ziuVxb .GXg3Le, .EAu5mb .V9opsd, .ziuVxb .BE3Ycf {
margin-top: 2px;
}
.H5jUgd, .uarSJe {
color: #c4c7c5!important;
}
.JZFjpd {
border-radius: 0px
}
.ziuVxb::before {
color: #ffffff!important;
font-size: 11px;
content: "Change";
font-family: "Roboto";
font-weight: 500;
line-height: 20px;
letter-spacing: Normal;
position: absolute;
margin-top: 3px;
margin-left: -4px;
}
[d="M20 5h-3.17L15 3H9L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 14H4V7h16v12z"] {
display: none;
}
[d="M12 9c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"] {
display: none;
}
.aRDKUe .y5Iqsb {
background: none;
}
.znj3je {
font-family: "Roboto";
}
.Wdz6e.ZnExKf, .Wdz6e {
font-family: "Roboto";
}
.jFfZdd .BvDXcd {
font-family: "Roboto";
}
.ya49Xe {
font-family: "Roboto";
}
.Z6NXed.zpoCob {
border-radius: 1px;
}
.DgDbFe .zpoCob {
font-family: "Roboto";
}
.zHzpD .RroO5d::after {
font-family: "Roboto";
color: #FEFFFA;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: normal;
content: "Google Account";
}
.zHzpD .mUg7m {
border-radius: 2px;
padding: 7px 24px;
}
.zHzpD .f0xrpc {
border-radius: 2px;
padding: 6px 23px;
border: 1px solid #74777547;
}
.aRDKUe .zHzpD .f0xrpc {
border-color: #8e918f47;
}
.T6SHIc .SedFmc::after {
content: "Sign out"!important;
}
a.V5tzAf.h2rKjc.jFfZdd.OtBgcb {
padding: 0 23px 0 31px;
border: 1px solid #C6C6C6;
border-radius: 2px;
height: 36px;
width: 86px;
left: 270px;
bottom: 42px;
}
.vZvJBb .SedFmc::after {
font-size: 14px;
content: "Add account";
line-height: 20px;
}
.h2rKjc .BvDXcd {
font-size: 0px!important;
line-height: 0px!important;
font-weight: 400;
}
.rH4f1b {
visibility: hidden;
}
.F249q .vZvJBb:last-child .jFfZdd, .F249q>.jFfZdd:last-child {
border: 1px solid #C6C6C6;
border-radius: 2px;
height: 36px;
width: 113px;
margin-top: 6px;
margin-left: 16px;
margin-bottom: 6px;
}
.h2rKjc .LzIwWe {
margin-left: -48px;
width: 80px;
bottom: 6px;
position: relative;
}
.T6SHIc {
height: 0px;
}
.aRDKUe .V5tzAf.h2rKjc.jFfZdd.OtBgcb {
border: 1px solid #505050;
}
.aRDKUe .F249q .vZvJBb:last-child .jFfZdd, .F249q>.jFfZdd:last-child {
border: 1px solid #505050;
}
/* App Drawer */
.EHzcec {
border-radius: 0px;
border: 1px solid #CDCDCD;
}
.nz9sqb.EHzcec {
border: 1px solid #323232;
}
.NQV3m {
border-radius: 2px;
}
.tX9u1b {
border-radius: 0px;
}
.tX9u1b:hover {
border-radius: 0px;
}
}