~sircmpwn/harelang.org

df372867b7fc4a95dea4cd80249b434f18e2b13c — Byron Torres 6 months ago 8e6c5cb
Improve <pre> syntax colors

Signed-off-by: Byron Torres <b@torresjrjr.com>
1 files changed, 32 insertions(+), 8 deletions(-)

M assets/main.scss
M assets/main.scss => assets/main.scss +32 -8
@@ 70,10 70,6 @@ pre {
  padding: 0.25rem 1rem;
  margin: 0 -1rem;

  @media(prefers-color-scheme: dark) {
    background-color: #1c1e20;
  }

  @media(max-width: 1200px) {
    padding: 0;
    margin: 0;


@@ 96,6 92,34 @@ pre {
    color: #484;
    font-style: italic;
  }

  @media(prefers-color-scheme: dark) {
    background-color: #16191c;

    .mi {
      color: #aac;
    }

    .c1 {
      color: #999;
    }

    .cp {
      color: #db8;
    }

    .kt {
      color: #3cf;
    }

    .k {
      color: #69f;
    }

    .s {
      color: #f79;
    }
  }
}

.alert {


@@ 162,7 186,7 @@ code {
  padding: 0 0.3rem;

  @media(prefers-color-scheme: dark) {
    background: #1c1e20;
    background: #16191c;
  }
}



@@ 214,7 238,7 @@ details {
  }

  @media(prefers-color-scheme: dark) {
    background: #1c1e20;
    background: #16191c;
  }

  &[open] {


@@ 223,7 247,7 @@ details {
      margin: auto -0.5rem -0.5rem calc(-0.5rem - 5px);

      @media(prefers-color-scheme: dark) {
        background: #1c1e20;
        background: #16191c;
      }
    }



@@ 233,7 257,7 @@ details {

    @media(prefers-color-scheme: dark) {
      background: #121415;
      border-left: 5px solid #1c1e20;
      border-left: 5px solid #16191c;
    }
  }
}