07/06/2022, 12:58:20 by oirodolfo

/* ==UserStyle==
@name           07/06/2022, 12:58:20
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@document regexp("https:.*") {
    
    
:root {

  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --font-inter-family: Inter;
  --font-inter-family-roboto-fallback: var(--font-inter-family), Roboto, RobotoDraft, Helvetica, var(--font-system);
  --font-inter-family-helvetica-fallback: var(--font-inter-family), Helvetica, var(--font-system);
  --font-inter-family-macos-fallback: var(--font-inter-family), var(--font-system);

  /* base color 1 */
  --gray-hue: 123;

  --base-color1: var(--gray-hue);
  /*
    --color1-light:  hsla(var(--base-color1), 50%, 75%, 100%);
    --color1-normal: hsla(var(--base-color1), 50%, 50%, 100%);
    --color1-darker: hsla(var(--base-color1), 50%, 35%, 100%); */
  /* base color 2 */
  --base-color2: 120;
  --color2-light: hsla(var(--base-color2), 50%, 75%, 100%);
  --color2-normal: hsla(var(--base-color2), 50%, 50%, 100%);
  --color2-darker: hsla(var(--base-color2), 50%, 35%, 100%);

  /*base color 3 */
  --base-color3: 200;
  --color3-light: hsla(var(--base-color3), 50%, 75%, 100%);
  --color3-normal: hsla(var(--base-color3), 50%, 50%, 100%);
  --color3-darker: hsla(var(--base-color3), 50%, 35%, 100%);


  /** commonly used saturation/lightness/opacity levels **/
  --saturation-level1: 20%;
  --saturation-level2: 50%;
  /* mid range - normal */
  --saturation-level3: 80%;

  --lightness-level1: 75%;
  --lightness-level2: 50%;
  /* mid range - normal */
  --lightness-level3: 35%;

  --opacity-level1: 100%;
  /* no opacity - normal */
  --opacity-level2: 80%;
  --opacity-level3: 60%;

  --color1-light: hsla( var(--base-color1),
  var(--saturation-level2),
  var(--lightness-level1),
  var(--opacity-level1));



  --list-text-lighter-gray: #999;

  --gray-saturation: 0;
  --gray-luminance: 13%;
  --gray-alpha: 100%;

  --sidebar-text-darker-gray: hsla(var(--gray-hue), var(--gray-saturation), var(--gray-luminance), var(--gray-alpha));
  /** #202124; **/
}
}


@-moz-document domain("youtube.com") {
  * {
    font-family: var(--font-inter-family-roboto-fallback);
  }
}
@-moz-document domain("mail.google.com") {


  * {
    font-family: var(--font-inter-family-roboto-fallback);
  }

  /** =============== START: G-mail =============== **/
  /** Removing excess of boldiness **/
  .zF,
  .bqe,
  .bq3 {
    font-weight: 500;
    letter-spacing: 0;
  }

  .y2 {
    color: var(--sidebar-text-darker-gray, #202124);
    --gray-saturation: 30;
    --gray-luminance: 3%;
  }

  .x7 .y2 {

    /** hsla(123, 0%, 13%, 100%) **/
    color: var(--sidebar-text-darker-gray, #202124);
    --gray-saturation: 30;
    --gray-luminance: 3%;
  }


  /** Sidebar **/
  .TO .nU > .n0,
  .TO.NQ .nU > .n0,
  .TO.nZ .nU > .n0,
  .ah9 > .CJ,
  .n3 > .CL > .CK {


    color: var(--sidebar-text-darker-gray);
    --gray-alpha: 30%;
    --gray-luminance: 99%;

    font-family: var(--font-inter-family-roboto-fallback);
    font-size: .875rem;
    letter-spacing: 0px;

    font-weight: 700;
  }

  /** Numero de itens na sidebar **/
  .bsU,
  .a3s {
    font-family: var(--font-inter-family-roboto-fallback);
  }
  /** =============== END: G-mail =============== **/
}