Skip to content

Instantly share code, notes, and snippets.

@levacic

levacic/Gmail Stylish tweaks.css

Last active September 2, 2015 07:40
Show Gist options
  • Save levacic/7aa3fe9f6f14216037dd to your computer and use it in GitHub Desktop.
Save levacic/7aa3fe9f6f14216037dd to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. levacic revised this gist Sep 2, 2015. 1 changed file with 2 additions and 4 deletions.
    6 changes: 2 additions & 4 deletions Gmail Stylish tweaks.css
    View file
    Original file line number Diff line number Diff line change
    @@ -26,14 +26,12 @@
    * built-in styles have `!important`, so we need to override them.
    */
    .n1 a.n0 {

    /* A label containing unread messages */
    /* A label containing unread messages */
    color: #6af !important;
    }

    .nZ.TO a.n0 {

    /* The currently selected label */
    /* The currently selected label */
    color: #9df !important;
    }

  2. levacic created this gist Sep 2, 2015.
    47 changes: 47 additions & 0 deletions Gmail Stylish tweaks.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,47 @@
    /**
    * These modify the height and layout of the popup menus for editing the labels
    * of emails - basically, they increase the height a lot, which is useful for
    * people that have many labels. They also reduce the font-size to make those
    * lists fit more items, and look better.
    */
    .J-M {
    max-height: 800px !important;
    font-size: 10px !important;
    }

    .aXjCH::-webkit-scrollbar, .J-M::-webkit-scrollbar {
    width: 20px !important;
    }

    .J-M-Jz {
    max-height: 800px !important;
    }

    /**
    * These rules modify the colors of the labels in the left-hand menu, when there
    * are unread messages in them, as well as the currently selected label. The
    * colors are optimized for a dark GMail color scheme, because the bolded white
    * labels are barely indistinguishable from the non-bolded ones.
    * The `a` element selector was added to increase specificity, because GMail's
    * built-in styles have `!important`, so we need to override them.
    */
    .n1 a.n0 {

    /* A label containing unread messages */
    color: #6af !important;
    }

    .nZ.TO a.n0 {

    /* The currently selected label */
    color: #9df !important;
    }

    /**
    * These are all the labels/folders in the sidebar on the left - we're reducing
    * their font size so we could fit more of them on the screen (not to mention
    * that it looks prettier!)
    */
    .nM {
    font-size: 60% !important;
    }