dark.scss (830B)
1 @import "style"; 2 @include scrollbars(0.6em, slategray); 3 $bgcolor: #111111; 4 $textcolor: #727272; 5 body { 6 background: $bgcolor; 7 color: $textcolor; 8 } 9 h1 { 10 color: lighten($textcolor, 30%); 11 } 12 13 input[type=text] { 14 background: lighten($bgcolor, 10%); 15 color: $textcolor; 16 } 17 18 ul#links { 19 li { 20 background: lighten($bgcolor, 10%); 21 color: $textcolor; 22 ul { 23 background: lighten($bgcolor, 10%); 24 25 a { 26 color: lighten($textcolor, 20%); 27 28 &:hover { 29 color: lighten($textcolor, 40%); 30 } 31 } 32 li:hover { 33 background: lighten($bgcolor, 20%); 34 } 35 36 } 37 img { 38 filter: invert(90%) hue-rotate(170deg); 39 } 40 41 42 &.separator { 43 color: lighten($textcolor, 30%); 44 &::before, &::after { 45 border-bottom: 1px dashed $textcolor; 46 } 47 } 48 } 49 } 50