Skip to content

GMail 203 by TomDoesGithub

Details

AuthorTomDoesGithub

LicenseNo License

Categorymail.google.com

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

this makes GMail look like 2013

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name        Gmail (2013 Theme)
@version     2024.06.09
@namespace   userstyles.world/user/tom2089
@description A user style to make Gmail look similar to its 2013 design.
@author     tom2089
@license     No License
==/UserStyle== */

/* Only target styles for Gmail website */
@-moz-document url-prefix("https://mail.google.com/") {

  /* Background color */
  .inbox {
    background-color: #f8f9fa;
  }

  /* Header */
  .h-header {
    background-color: #d14836;
  }

  /* Navigation bar */
  .nav-link {
    color: white;
  }

  /* List view */
  .email-list {
    padding-left: 10px;
  }

  /* Email list items */
  .unread .email-list-item {
    font-weight: bold;
  }

  /* Buttons */
  button, .aic .JButton {
    border-radius: 0;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 5px 10px;
  }

  /* Specific buttons (e.g., Compose button) */
  .aic .z0 [role="button"] {
    background-color: #d14836;
    color: white;
  }

  /* Boxy corners */
  .message,
  .nav-bar,
  .nav-link,
  .aic .vO {
    border-radius: 0;
  }
}

Reviews

No reviews yet.