diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..33a039f --- /dev/null +++ b/Makefile @@ -0,0 +1,4 @@ +all: + sass crunchyroll-dark.scss crunchyroll-dark.css +clean: + rm crunchyroll-dark.css{,.map} diff --git a/crunchyroll-dark.scss b/crunchyroll-dark.scss new file mode 100644 index 0000000..c416ae0 --- /dev/null +++ b/crunchyroll-dark.scss @@ -0,0 +1,91 @@ +@import "nord/src/nord.scss"; + +$orange: #f78c25; + +/* Queue, Random and Profile icon */ +.header-userpanel .header-icon { + color: $nord4; + fill: $nord4; +} + +/* Shows, Manga, News, ... */ +.header-menubar li a, .new-template-body a.block-link, .old-template-body a.block-link, a.block-link, .new-template-body { + color: $nord4; +} + +/* Header */ +.site-header { + background: $nord3; +} + +/* main site */ +#template_body.old-template-body { + background-color: $nord3; +} + +/* Overall background */ +body.main-page { + background: $nord0; +} +#template_container.template-container { + background: $nord0; +} + +/* My Queue, History */ +.main-tabs a.selected, .main-tabs a.selected:hover { + background: $nord3; +} +#tabs { + background: $nord3; +} + +/* Footer */ +#footer_menu { + background: $nord0; +} + +/* History items */ +/* background */ +.portrait-element { + background: $nord3; +} + +/* Queue items */ +/* background */ +#source_home #main_content .landscape-grid li .wrapper { + background: $nord3; +} +#main_content .landscape-element { + background: $nord3; +} +/* title */ +.new-template-body .block-link:hover, .new-template-body .pagination a, .new-template-body .para-div a, .new-template-body .sub-tabs .selectors a.text-link, .new-template-body .text-link, .new-template-body .wrapper a:hover a, .new-template-body a:hover h4, .new-template-body li a, .new-template-body p a, .new-template-body span a { + color: $nord7; +} +/* more options */ +#source_home .more-options { + border-top: 1px solid $nord1; +} + +/****************** + * While watching * + ******************/ + +/* submenu episodes */ +#main_content_white, .white-wrapper { + background: $nord3; +} + +/********************** + * Guestbook + Social * + **********************/ +.guestbook, .facebook, .plus-one, .twitter { + display: none; +} + +/*********** + * borders * + ***********/ +.welcome-block h1, .welcome-title-list h1 { + border-bottom: 1px solid $nord1; +}