dark.scss (742B)
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 hr { 26 border: 1px dashed $textcolor; 27 } 28 29 a { 30 color: lighten($textcolor, 20%); 31 32 &:hover { 33 color: lighten($textcolor, 40%); 34 } 35 } 36 li:hover { 37 background: lighten($bgcolor, 20%); 38 } 39 40 } 41 img { 42 filter: invert(90%) hue-rotate(170deg); 43 } 44 } 45 } 46