Switch to npm and less.js

.gitignore

@@ -1,2 +1,2 @@
 crunchyroll-dark.css
-crunchyroll-dark.css.map
+node_modules/*

Makefile

@@ -1,4 +0,0 @@
-all:
-	sass crunchyroll-dark.scss crunchyroll-dark.css
-clean:
-	rm crunchyroll-dark.css{,.map}

crunchyroll-dark.less

@@ -1,70 +1,83 @@
-@import "nord/src/nord.scss";
+@import "nord/src/nord.less";
 
-$orange: #f78c25;
+@orange: #f78c25;
+
+/* buttons */
+#source_home .queue-to-top {
+	background: data-uri('img/queue_arrow_without-background.png') -3px 0 no-repeat;
+}
+
+#source_home .dropdown-collection {
+	background: data-uri('img/queue_dropdown_arrow_without-background.png') 0 0 no-repeat;
+}
+
+.collection-carousel-arrow {
+	background: data-uri('img/collection_arrow_noalpha_without-background.png') no-repeat -40px 42px;
+}
 
 /* Queue, Random and Profile icon */
 .header-userpanel .header-icon {
-        color: $nord4;
-        fill: $nord4;
+        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;
+	color: @nord4;
 }
 
 /* Header */
 .site-header {
-	background: $nord3;
+	background: @nord3;
 }
 
 /* main site */
 #template_body.old-template-body {
-	background-color: $nord3;
+	background-color: @nord3;
 }
 
 /* Overall background */
 body.main-page {
-	background: $nord0;
+	background: @nord0;
 }
 #template_container.template-container {
-	background: $nord0;
+	background: @nord0;
 }
 
 /* My Queue, History */
 .main-tabs a.selected, .main-tabs a.selected:hover {
-	background: $nord3;
+	background: @nord3;
 }
 #tabs {
-	background: $nord3;
+	background: @nord3;
 }
 
 /* Footer */
 #footer_menu {
-	background: $nord0;
+	background: @nord0;
 }
 
 /* History items */
 /* background */
 .portrait-element {
-	background: $nord3;
+	background: @nord3;
 }
 
 /* Queue items */
 /* background */
 #source_home #main_content .landscape-grid li .wrapper {
-	background: $nord3;
+	background: @nord3;
 }
 #main_content .landscape-element {
-	background: $nord3;
+	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;
+	color: @nord7;
 }
 /* more options */
 #source_home .more-options {
-	border-top: 1px solid $nord1;
+	border-top: 1px solid @nord1;
 }
 
 /******************
@@ -73,7 +86,7 @@ body.main-page {
 
 /* submenu episodes */
 #main_content_white, .white-wrapper {
-	background: $nord3;
+	background: @nord3;
 }
 
 /**********************
@@ -87,5 +100,5 @@ body.main-page {
  * borders *
  ***********/
 .welcome-block h1, .welcome-title-list h1 {
-	border-bottom: 1px solid $nord1;
+	border-bottom: 1px solid @nord1;
 }

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "crunchyroll-dark",
+  "version": "1.0.0",
+  "description": "Dark Crunchyroll style",
+  "devDependencies": {
+    "less": "^3.0.4"
+  },
+  "scripts": {
+    "clean": "rm -f crunchyroll-dark.css",
+    "build": "./node_modules/less/bin/lessc crunchyroll-dark.less crunchyroll-dark.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@git.scriptfish.org:alex/Crunchyroll-Dark.git"
+  },
+  "license": "GPL-3.0-or-later"
+}