From 10adbd8f4f1316f2fafd4f41025b8926e4d4638e Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Sat, 26 Sep 2020 14:13:20 +0200
Subject: [PATCH] Make Tildes Baukula use CSS custom properties.

---
 package.json                              |  2 +-
 source/tildes-baukula/_buttons.scss       |  1 +
 source/tildes-baukula/_colors.scss        | 22 +++++++++++-----------
 source/tildes-baukula/metadata.json       |  2 +-
 source/tildes-baukula/tildes-baukula.scss | 10 +---------
 5 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 509b5f1..91ac3af 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "userstyles",
   "description": "A collection of all my userstyles for various websites.",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "author": "Bauke <me@bauke.xyz>",
   "homepage": "https://bauke.xyz/userstyles",
   "repository": "https://git.holllo.cc/Bauke/userstyles",
diff --git a/source/tildes-baukula/_buttons.scss b/source/tildes-baukula/_buttons.scss
index e09ff90..7f6b421 100644
--- a/source/tildes-baukula/_buttons.scss
+++ b/source/tildes-baukula/_buttons.scss
@@ -1,5 +1,6 @@
 .btn {
   @include color-hover($cyan, $background);
+  transition: none;
 
   &:hover,
   &.btn-primary:hover {
diff --git a/source/tildes-baukula/_colors.scss b/source/tildes-baukula/_colors.scss
index 88f3328..d25fde9 100644
--- a/source/tildes-baukula/_colors.scss
+++ b/source/tildes-baukula/_colors.scss
@@ -1,11 +1,11 @@
-$foreground: #f8f8f2;
-$background: #282a36;
-$selection: #44475a;
-$comment: #6272a4;
-$red: #f55;
-$orange: #ffb86c;
-$yellow: #f1fa8c;
-$green: #50fa7b;
-$cyan: #8be9fd;
-$purple: #bd93f9;
-$pink: #ff79c6;
+$foreground: #{var(--foreground-primary-color)};
+$background: #{var(--background-primary-color)};
+$selection: #{var(--background-secondary-color)};
+$comment: #{var(--border-color)};
+$red: #{var(--error-color)};
+$orange: #{var(--alert-color)};
+$yellow: #{var(--warning-color)};
+$green: #{var(--success-color)};
+$cyan: #{var(--link-color)};
+$purple: #{var(--link-visited-color)};
+$pink: #{var(--syntax-keyword-color)};
diff --git a/source/tildes-baukula/metadata.json b/source/tildes-baukula/metadata.json
index dbfbcf5..0b05b46 100644
--- a/source/tildes-baukula/metadata.json
+++ b/source/tildes-baukula/metadata.json
@@ -1,7 +1,7 @@
 {
   "name": "Tildes Baukula",
   "namespace": "https://bauke.xyz/userstyles",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "author": "Bauke <me@bauke.xyz>",
   "description": "Adaptations to the official Tildes Dracula theme to make it look like my old custom Tildes Dracula theme.",
   "homepageURL": "https://bauke.xyz/userstyles",
diff --git a/source/tildes-baukula/tildes-baukula.scss b/source/tildes-baukula/tildes-baukula.scss
index e5ddce3..ae30bc6 100644
--- a/source/tildes-baukula/tildes-baukula.scss
+++ b/source/tildes-baukula/tildes-baukula.scss
@@ -1,15 +1,7 @@
 @import 'colors';
 @import 'mixins';
 
-// Tell the user that Baukula only works with the official Dracula theme
-body:not(.theme-dracula) {
-  .site-header-logo::after {
-    content: ' Baukula won\'t activate unless you use the official Dracula theme!';
-  }
-}
-
-// Apply only when using the official Dracula theme
-body.theme-dracula {
+body {
   background-color: $background;
   @import 'blog';
   @import 'buttons';