lectures.alex.balgavy.eu

Lecture notes from university.
git clone git://git.alex.balgavy.eu/lectures.alex.balgavy.eu.git
Log | Files | Refs | Submodules

dark.scss (1270B)

      1 @import "base";
      2 $bgcolor: #111;
      3 $textcolor: #727272;
      4 $linkcolor: #267CB9;
      5 
      6 @include scrollbars(0.6em, slategray);
      7 
      8 @include selection {
      9   color: white;
     10   background: #412;
     11 }
     12 body {
     13   background-color: $bgcolor;
     14   color: $textcolor;
     15 }
     16 strong {
     17   color: lighten($textcolor, 20%);
     18 }
     19 
     20 h1 {
     21   color: lighten($textcolor, 30%);
     22 }
     23 h2 {
     24   color: lighten($textcolor, 20%);
     25 }
     26 
     27 h3, h4, h5, h6 {
     28   color: lighten($textcolor, 10%);
     29 }
     30 
     31 hr {
     32   border: 1px groove lighten($textcolor, 5%);
     33 }
     34 
     35 a {
     36   color: $linkcolor;
     37 
     38   &:hover {
     39     color: lighten($linkcolor, 15%);
     40   }
     41 
     42 }
     43 pre {
     44   border: 0.5px solid #333333;
     45   code {
     46     background: inherit;
     47     color: inherit;
     48   }
     49 }
     50 blockquote {
     51   border-left:1px groove #aeaeae;
     52 }
     53 
     54 img, video {
     55   filter: invert(90%) hue-rotate(170deg) contrast(120%) saturate(50%) sepia(10%);
     56 }
     57 span.isdark > img, span.isdark > video {
     58   filter: unset;
     59 }
     60 code {
     61   background: lighten($bgcolor, 5%);
     62   color: lighten($textcolor, 8%);
     63 }
     64 
     65 details {
     66   border-color: $bgcolor;
     67   background: lighten($bgcolor, 6%);
     68 }
     69 
     70 :target {
     71   background-clip: border-box;
     72   animation-name: anchor-jump;
     73   animation-duration: 1s;
     74   animation-timing-function: ease-out;
     75 }
     76 @keyframes anchor-jump {
     77   from {background-color: lighten($bgcolor, 10%);}
     78   to {background-color: $bgcolor;}
     79 }