kindroid.ai - SeventhStar's Light Mode by smartintruesdell

/* ==UserStyle==
@name           kindroid.ai - 9/27/2023, 8:06:17 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Shawn Martin-Truesdell
==/UserStyle== */
@-moz-document domain("kindroid.ai") {
  @media screen and (min-width: 1440px) {
    .css-okr46m {
      font-size: 32px;
    }
  }
  @media screen and (min-width: 900px) {
    /* header background */
    .css-x3odei {
      background-color: white;
    }
    .css-teti0a,
    .css-1j9xj7u {
      border-radius: 2px;
      padding: 0.5rem 1rem 1rem;
    }
    .css-okr46m {
      font-size: 32px;
    }
  }
  @media screen and (min-width: 100px) {
    /* header background */
    .css-x3odei {
      background-color: white;
    }
    .css-1c2gsk7 {
      filter: invert(1)
    }
    .css-1uuuq0i {
      filter: invert(1)
    }

    /* menu background */
    .css-1raxatq {
      background: white;
    }
  }

  /* app logotype */
  .css-s68iw5 {
    background-image: none;
    background-color: #eee;
  }

  /* selfies header */
  .css-z0osps {
    background-color: #dcdcdc;
  }
  .css-okr46m {
    color: #999;
  }
  /* selfies back button */
  .css-1995aov {
    filter: invert(1);
  }
  /* selfies background */
  .css-uf0eqr,
  .css-1fltgj7 {
    background-color: #dcdcdc;
  }
  .css-1fltgj7 {
    z-index: 1000;
  }
  /* selfies counter */
  .css-15nmedt {
    filter: invert(1)
  }
  /* selfies loading */
  .css-3vu8ng {
    background-color: #aaa;
  }
  /* selfies request textareas */
  .css-cnr7qh,
  .css-myo8j1 {
    background-color: #ccc;
    color: #444;
  }

  /* chat scrollview background */
  .css-1lvpjll {
    background-color: white;
  }

  /* chat first line in multiline message text */
  .css-6obdga {
    color: #333;
  }

  /* chat break modal */
  .css-1q3je8v {
    background: #fafafa;
  }
  .css-1y068e {
    background: #ccc;
  }
  .css-1y068e,
  .css-1q3je8v,
  .css-1ly87gx,
  .css-10813k0 {
    color: #444;
  }
  .css-1vqexlw {
    filter: invert(1);
  }

  /* kin chat item background */
  .css-teti0a {
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    max-width: 100%;
    width: 100%;
  }
  /* kin chat text */
  .css-1gi22a8 {
    color: #444;
  }
  /* kin chat actions */
  .css-1jby15f {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
  /* kin regenerate button */
  .css-100dd8p {
    align-self: auto;
  }

  /* user chat item background */
  .css-1j9xj7u {
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    max-width: 100%;
    width: 100%;
  }
  /* user chat text*/
  .css-1gi22a8 {
    color: #444;
  }

  /* user input box */
  .css-w2nlit, .css-4c3hav {
    background-color: #eaeafa;
    color: #222;
  }
  /* user input image upload icon */
  .css-1cz3hi3 {
    fill: black;
  }
  /* user autoselfie icon */
  .css-1uc7sq6 {
    fill: black;
  }
  /* user send button background */
  .css-86r3aw,
  .css-lerapk {
    background-image: none;
    background-color: #eee;
  }
  /* kin chat working bubble */
  .css-1ulhpcc {
    background-color: #eee;
  }

  /* kin avatar popover */
  .css-1lf3gor > rect:first-of-type {
    opacity: 0;
  }
  /* kin avatar fidelity slider */
  .css-285el9 {
    color: #444;
  }
  .css-w16zoq,
  .css-12qccw0 {
    background: orange;
  }
}