Commit 28a3b39f authored by Henk Verlinde's avatar Henk Verlinde
Browse files

feat: update default highlight style

parent 41b94b17

assets/scss/common/_dark.scss

+19 −0
Original line number Diff line number Diff line
@@ -312,3 +312,22 @@ body.dark .figure-caption { 
body.dark table {

  @extend .table-dark;

}



body.dark .copy-status::after {

  content: "Copy";

  display: block;

  color: $body-color-dark;

}



body.dark .copy-status:hover::after {

  content: "Copy";

  display: block;

  color: $link-color-dark;

}



body.dark .copy-status:focus::after,

body.dark .copy-status:active::after {

  content: "Copied";

  display: block;

  color: $link-color-dark;

}

assets/scss/components/_buttons.scss

+3 −3
Original line number Diff line number Diff line
@@ -74,18 +74,18 @@ body.dark .toggle-dark { 
.copy-status::after {

  content: "Copy";

  display: block;

  color: $gray-300;

  color: $body-color;

}



.copy-status:hover::after {

  content: "Copy";

  display: block;

  color: $blue-300;

  color: $pink-500;

}



.copy-status:focus::after,

.copy-status:active::after {

  content: "Copied";

  display: block;

  color: $blue-300;

  color: $pink-500;

}

assets/scss/components/_doks.scss

+20 −3
Original line number Diff line number Diff line
@@ -8,8 +8,8 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> 
  display: block;

  overflow-x: auto;

  padding: 0.5em;

  background: $body-overlay-dark;

  color: $body-color-dark;

  background: $beige;

  color: $body-color;

}



.hljs-string,
@@ -21,7 +21,7 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> 
.hljs-addition,

.hljs-attribute,

.hljs-link {

  color: $blue-300;

  color: $pink-500;

}



.hljs-comment,
@@ -43,3 +43,20 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> 
.hljs-emphasis {

  font-style: italic;

}



body.dark .hljs {

  background: $body-overlay-dark;

  color: $body-color-dark;

}



body.dark .hljs-string,

body.dark .hljs-variable,

body.dark .hljs-template-variable,

body.dark .hljs-symbol,

body.dark .hljs-bullet,

body.dark .hljs-section,

body.dark .hljs-addition,

body.dark .hljs-attribute,

body.dark .hljs-link {

  color: $blue-300;

}

assets/scss/components/_images.scss

+12 −0
Original line number Diff line number Diff line
@@ -10,6 +10,10 @@ figure.wide { 
  margin: 2rem -1.5rem;

}



img.wide {

  margin: 0.375rem 0 1.25rem;

}



figure.wide .figure-caption {

  margin: 0.25rem 1.5rem 0.75rem;

}
@@ -19,6 +23,10 @@ figure.wide .figure-caption { 
    margin: 2rem -2.5rem;

  }



  img.wide {

    margin: 0.375rem -2.5rem 1.25rem;

  }



  figure.wide .figure-caption {

    margin: 0.25rem 2.5rem 0.75rem;

  }
@@ -29,6 +37,10 @@ figure.wide .figure-caption { 
    margin: 2rem -5rem;

  }



  img.wide {

    margin: 0.375rem -5rem 1.25rem;

  }



  figure.wide .figure-caption {

    margin: 0.25rem 5rem 0.75rem;

  }