1 files changed, 114 insertions, 0 deletions
diff --git a/src/style-dark.css b/src/style-dark.css
new file mode 100644
index 0000000..4c9ba8c
--- /dev/null
+++ b/src/style-dark.css
@@ -0,0 +1,114 @@
+.upgrade-banner-background {
+	background: linear-gradient(to bottom, @green_5, @blue_5);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+	color: @green_1;
+	background-color: alpha(@green_4, .25);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+	color: @blue_1;
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+	color: @yellow_2;
+	background: alpha(#cd9309, .25);
+}
+
+.context-tile-lozenge.details-rating-15 {
+	color: @orange_1;
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+	color: #ff7b63;
+}
+
+/* Dark styling for specific category buttons. */
+.category-tile.category-create {
+	background: linear-gradient(180deg, #9141ac 0%, #2D5AA8 100%);
+	color: white;
+}
+.category-tile.category-create:hover {
+	background: linear-gradient(180deg, shade(#9141ac, 1.07) 0%, shade(#2D5AA8, 1.1) 100%);
+}
+.category-tile.category-create:active {
+	background: linear-gradient(180deg, shade(#9141ac, .95) 0%, shade(#2D5AA8, .95) 100%);
+}
+
+.category-tile.category-develop {
+	background: #4E4C54;
+	color: white;
+}
+.category-tile.category-develop:hover {
+	background: shade(#4E4C54, 1.2);
+}
+.category-tile.category-develop:active {
+	background-color: shade(#4E4C54, .95);
+}
+
+.category-tile.category-learn {
+	background: linear-gradient(180deg, #28AA6E 30%, #1E7E52 100%);
+	color: white;
+}
+.category-tile.category-learn:hover {
+	background: linear-gradient(180deg, shade(#28AA6E, 1.06) 30%, shade(#1E7E52, 1.06) 100%);
+}
+.category-tile.category-learn:active {
+	background: linear-gradient(180deg, shade(#28AA6E, .95) 30%, shade(#1E7E52, .95) 100%);
+}
+
+.category-tile.category-play {
+	background: linear-gradient(75deg, #E9CF90 0%, #C8499C 50%, #4B35BA 100%);
+	color: #393484;
+}
+.category-tile.category-play:hover {
+	background: linear-gradient(75deg, shade(#E9CF90, 1.07) 0%, shade(#C8499C, 1.07) 50%, shade(#4B35BA, 1.07) 100%);
+}
+.category-tile.category-play:active {
+	background: linear-gradient(75deg, shade(#E9CF90, .97) 0%, shade(#C8499C, .95) 50%, shade(#4B35BA, 1.07) 100%);
+}
+
+.category-tile.category-socialize {
+	background: linear-gradient(90deg, #CC307F 0%, #DD6C62 100%);
+	color: alpha(black, 0.75);
+}
+.category-tile.category-socialize:hover {
+	background: linear-gradient(90deg, shade(#CC307F, 1.08) 0%, shade(#DD6C62, 1.08) 100%);
+}
+.category-tile.category-socialize:active {
+	background: linear-gradient(90deg, shade(#CC307F, .95) 0%, shade(#DD6C62, .95) 100%);
+}
+
+.category-tile.category-work {
+	padding: 1px; /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+	color: #1c71d8;
+	background-color:#ECDDA8;
+	background-image: linear-gradient(#C2C1BE 1px, transparent 1px),
+	                  linear-gradient(90deg, #C2C1BE 1px, transparent 1px);
+	background-size: 10px 10px, 10px 10px;
+	background-position: -1px -4px, center -1px;
+}
+.category-tile.category-work:hover {
+	background-color: shade(#ECDDA8, 1.03);
+	background-image: linear-gradient(shade(#C2C1BE, 1.04) 1px, transparent 1px),
+	                  linear-gradient(90deg, shade(#C2C1BE, 1.04) 1px, transparent 1px);
+}
+.category-tile.category-work:active {
+	background-color: shade(#ECDDA8, .93);
+	background-image: linear-gradient(shade(#C2C1BE, .97) 1px, transparent 1px),
+	                  linear-gradient(90deg, shade(#C2C1BE, .97) 1px, transparent 1px);
+}
+
+star-image {
+	color: @yellow_1;
+}
+
+.review-histogram star-image {
+	/* Specificity bump */
+	color: alpha(@theme_fg_color, .4);
+}