2018-2023 UI Design - Google Drive by JoesMamma

/* ==UserStyle==
@name           2018-2023 Google Drive
@namespace      github.com/openstyles/stylus
@version        2024.04.11.1402
@description    Undo the 2023 "Material 3" Google Drive redesign (blue backgrounds and rounded corners) and reverts back to the UI design initially introduced in May of 2018.
@author         Joe's Mamma  ——  https://userstyles.world/user/JoesMamma  ——  feedback.joesmamma@gmail.com

@var  select    display-activity       "Show Activity tab in sidebar"       ["inline:Show", "none:Hide"]
@var  select    display-workspaces     "Show Home/Workspaces tab in sidebar"["inline:Show", "none:Hide"]
@var  select    display-spam           "Show Spam tab in sidebar"           ["inline:Show", "none:Hide"]
==/UserStyle== */
@-moz-document url-prefix("https://drive.google.com/drive") {
/* Seperate Google Drive's toolbar (First appeared in Personal Accounts only. Now applies to both types of accounts)
*/
/*toolbar height (method used to detect whether filter bar is open and adjust height doesn't work for personal accounts' drive because filter bar and toolbar are combined so therefore always open)*/
.S630me:has(.uEnUtd) {
	height: 48px !important;
}

/*combined filter bar and toolbar (unique to personal accounts' drive)*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-Ba-Ed.a-s-Ba-ce:has(.uEnUtd) {
	position: absolute;
	right: 104px;
}

/*toolbar and path bar parent with right side padding (adjustment)*/
.a-s-Ba-Ak {
	padding-right: 10px !important;
}

/*toolbar blue and curved part*/
.uEnUtd {
	background: none;
	border-radius: 0;
	margin: 4px 8px 4px 0;
}

/*toolbar buttons wrapper*/
.a-s-tb-sc-Ja.a-s-tb-Kg.a-s-tb-sc-Ja-J.a-s-Ba-Ed-Be-nAm6yf {
	align-items: center;
}

/*toolbar buttons' wrappers*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-s-tb-Kg-Q {
	width: 40px;
	height: 40px;
	margin: 2px 4px;
}

/*toolbar buttons (excludes details and view-grid buttons)*/
.uEnUtd .h-sb-Ic.h-R-d.a-c-d {
	width: 40px;
	height: 40px;
	margin: 0;
}

/*view and details buttons parent*/
.a-s-tb-sc-Ja-Q-x.a-Ba-Ed.a-s-Ba-dj {
	align-items: center;
	margin-inline: 10px 0 !important;
}

/*toolbar icons*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-s-tb-Kg-Q svg {
	width: 24px !important;
	height: 24px !important;
}

/*filter chips wrapper*/
.CUYsae {
	margin-right: 10px;
}

/*filter chips*/
.glX3de.frsiVb.CNlAe.EwXqJf.iXBMtb.oisqfd.Ss7qXc {
	border-color: rgb(178, 184, 189) !important;
}

/*get more storage button*/
.AeBiU-d.AeBiU-d-Qu-dgl2Hf.jWOVfd-ml-d {
  border-radius: 4px;
  border-color: rgb(218, 220, 224);
  padding: 8px 13px;
  margin-top: 1em;
}

/*
End
*/

}
@-moz-document url-prefix("https://drive.google.com/drive") {
/* Main theme 
*/
.vhoiae.KkxPLb {
	--dt-on-background: rgb(60, 64, 67);
	--dt-on-surface: rgb(60, 64, 67);
	--dt-secondary-container: rgb(232, 240, 254);
	--dt-on-secondary-container: rgb(24, 90, 188);
	--dt-surface-container-low: white;
	--dt-surface-container-high: rgb(241, 243, 244);
	--dt-surface1: white;
	--dt-surface3: rgb(241, 243, 244);
	--dt-on-surface-variant: rgb(95, 99, 104);
	--dt-body-medium-font: 500 .811rem Roboto;
	--dt-title-small-font: 500 .811rem Roboto;
	--dt-outline-variant: rgb(218, 220, 224);
	--dt-corner-fab-large: .7rem;
}

/*content font-weight*/
.O5x1db {
	font-weight: 400;
}

/*name font-weight*/
.tyTrke.M3pype {
	font-weight: 500;
}

/*owner profile pic and "hover card"*/
.BsLd3 {
	display: none;
}

/*content columns' widths*/
/*name*/
.PEfnhb[data-column-auto-width-id="4,6,8,12,3,14"] .M3pype:nth-child(2) {
	flex-basis: 447px !important;
	width: 447px !important;
}

/*owner*/
.PEfnhb[data-column-auto-width-id="4,6,8,12,3,14"] .M3pype:nth-child(3) {
	flex-basis: 212px !important;
	width: 212px !important;
}

/*last modified*/
.PEfnhb[data-column-auto-width-id="4,6,8,12,3,14"] .M3pype:nth-child(4) {
	flex-basis: 203px !important;
	width: 203px !important;
}

/*file size*/
.PEfnhb[data-column-auto-width-id="4,6,8,12,3,14"] .M3pype:nth-child(5) {
	flex-basis: 88px !important;
	width: 88px !important;
}

/*end*/
.PEfnhb[data-column-auto-width-id="4,6,8,12,3,14"] .M3pype:nth-child(6) {
	flex-basis: 49px;
	width: 49px;
}

/*content headers (name, owner, file-size, etc.)*/
.N7iPof.O5x1db.i4aPLb {
	height: 48px;
	padding-top: 8px;
}

/*content headers -text*/
.iZz7md.M3pype {
	font: 500 .811rem Roboto;
}

/*content headers -name*/
.iZz7md.M3pype.aaQsNb.ncj6Ve.m2dIJf .Sos6ae {
	margin-left: 0.25rem;
	font: 600 .811rem Roboto;
}

/*content container*/
.S630me, .PolqHc {
	border-radius: 0 !important;
	margin-bottom: 0;
}

/*hover action buttons and ellipsis*/
.mM47yb.M3pype, .sIPyzd.YY3N9 {
	visibility: hidden !important;
}

/*date grouping headings in "Shared with me"*/
.yHnyPe.Tguc8d {
	padding-left: 0.75rem;
}

/*content*/
.PolqHc {
	margin-right: 3.75vw;
}

/*content thumbnails-view*/
.s55KNe .jGNTYb {
	background: transparent;
	border-radius: 8px;
	border: 1px solid var(--dt-outline-variant);
}

/*content thumbnails-view outline*/
.Hb-ja-Na .s55KNe .dPmH0b .jGNTYb::after {
	border-radius: 7.3px;
}

/*content thumbnails-view selected*/
.s55KNe:not(.KBj6Qd) .GZwC2b .jGNTYb, .s55KNe:not(.KBj6Qd) .GZwC2b .jGNTYb:hover, .aabwZd:not(.KBj6Qd) .GZwC2b:has(.jGNTYb) {
	background: linear-gradient(color-mix(in srgb, var(--dt-secondary-container), var(--dt-on-secondary-container) 10%), color-mix(in srgb, var(--dt-secondary-container), var(--dt-on-secondary-container) 20%));
}

/*folder path and toolbar*/
.S630me {
	border-bottom: 1px solid var(--dt-outline-variant);
}

.a-s-Ba-Ak.a-D-B-Ak {
	min-height: 0 !important;
}

.a-l-Ba .a-s-Ba-ic .a-s-Ba-ic, .a-l-Ba .a-s-Ba-dj .a-s-Ba-dj {
	padding: 0;
}

.S630me:has(.hWG7gb.eLNT1d), .aQh4x, .a-s-Ba-Ak.a-D-B-Ak.Hb-ja-Na, .a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm, .a-s-tb-sc-Ja-Q-x {
	height: 48px;
}

/*For old seperate-row/drop-down filter-bar. Now it is same row as new seperate-row toolbar*/
/*when filter bar is open (.hWG7gb is child-most filter bar element that fully fills the space, and when it closes .eLNT1d is added as shown above
.S630me:has(.hWG7gb) {
	height: 96px;
}*/

/*filter menus*/
.hWG7gb {
	display: none !important;
}

/*toolbar button icons*/
.a-s-Ba-Ak .a-d-c svg {
	height: 24px;
	width: 24px;
}

/*copy link button*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-s-tb-Kg-Q:has(.h-sb-Ic.h-R-d.a-c-d[aria-label="Copy link"]) {
	order: -1;
}

/*add button*/
.brbsPe.Ss7qXc.a-qb-d {
	padding-top: unset;
	padding-bottom: unset;
	height: 48px;
}

/*add button hide svg*/
.a-ec-Gd-zc-c > .Q6yead.QJZfhe * {
	display: none;
}

/*add button svg*/
.a-ec-Gd-zc-c > .Q6yead.QJZfhe {
	background-image: url("https://ssl.gstatic.com/docs/templates/thumbnails/docs-blank-googlecolors.png");
	background-position: center;
	background-size: 70px;
}

/*add button*/
.ZHllM {
	padding-top: 12px;
	padding-bottom: 12px;
}

.brbsPe.Ss7qXc.a-qb-d {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px -2px, rgba(0, 0, 0, 0.14) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}

/*folder path bar*/
nav[guidedhelpid="folder_path"] *, .h-sb-Ic.h-R-w-d.a-l-S-Pc-w-d, .QsFsvc, .TvarF {
	font-size: 18px !important;
}

/*folder path bar when something is selected*/
.o-Yc-j.iEi9xb, .h-sb-Ic.h-R-w-d.a-l-S-Pc-w-d, .QsFsvc, .TvarF {
	visibility: visible !important;
	max-width: unset !important;
}

/*folder path bar*/
.o-Yc-j, .h-sb-Ic.h-R-w-d.a-l-S-Pc-w-d, .QsFsvc, .TvarF {
	margin-right: auto;
}

/*share button in path bar (toolbar with style on) for shared folders*/
.a-s-tb-sc-Ja-Q-x.a-Ba-Ed.a-s-Ba-ic div:has(div.H-qa-H-d) {
	display: none !important;
}

/*"x selected" text and deselect all button that replaces folder path*/
.a-Oa-id-M {
	display: none !important;
}

/*toolbar element for "x selected" text and deselect all button that used to replace folder bar
======================??????????????????????????=============================BUG===========================??????????????????????????===========================*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-s-tb-Kg-Q:has(.a-Oa-id-M) {
	display: none !important;
}

/*flex container with folder path and action buttons*/
.a-s-tb-sc-Ja-Q-x.a-Ba-Ed.a-s-Ba-ic {
	justify-content: end;
	border-right: 1px solid rgb(241, 243, 244);
	padding-right: 5px;
}

.c-Po.a-d-c > .a-s-fa-Ha-pa.c-qd, .a-s-Ub-A-c > svg:nth-child(1) {
	color: rgb(117, 117, 117);
}

/*layout and details buttons' flex container*/
.a-s-tb-sc-Ja-Q.a-s-tb-sc-Ja-Q-Nm.a-Ba-Ed.a-s-Ba-dj.a-s-Ba-Ed-Be-nAm6yf > div {
	margin-inline: 8px 0;
	align-items: center;
}

/*view split button*/
.QLwqhe, .cQZUW {
	height: 40px;
	margin-left: 0;
}

/*view split button - buttons parent*/
.f8nwhd-qb23S-d * {
	border-width: 0;
	height: 40px;
}

/*view buttons*/
.f8nwhd-qb23S-b9nz9e-Qu-gc-c-Eh {
	width: 40px;
}

/*split button children (individual button then child)*/
.f8nwhd-qb23S-b9nz9e-Qu-gc-c-Eh .RBHQF-ksKsZd {
	border-radius: 99px;
}

/*view buttons separator*/
.f8nwhd-qb23S-b9nz9e-ut {
	display: none;
}

/*hide other selected view button*/
.f8nwhd-qb23S-b9nz9e-Qu-gc-c-Eh[aria-checked="true"] {
	display: none;
}

/*view buttons icons*/
.f8nwhd-qb23S-kBDsod.f8nwhd-qb23S-b9nz9e-c {
	transform: none !important;
	height: 40px;
	color: rgb(117, 117, 117) !important;
}

/*view split button selected tick*/
.f8nwhd-qb23S-kBDsod.f8nwhd-qb23S-b9nz9e-Rd {
	display: none;
}

/*spacing between folders/arrows*/
.o-Yc-o-T, .h-sb-Ic.h-R-w-d.a-l-S-Pc-w-d {
	padding: .25rem .6rem;
}

/*arrows*/
.o-Yc-Wb .a-s-fa-Ha-pa.c-qd {
	color: rgb(157, 159, 160);
}

/*pointing down*/
.a-s-fa-Ha-pa.c-qd:has(polygon) {
	color: rgb(151, 153, 157);
}

/*top bar*/
.ak25Me {
	border-bottom: 1px solid var(--dt-outline-variant);
}

/*search box*/
#gb form[role="search"] {
...