Make Tildes Baukula use CSS custom properties.

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",

source/tildes-baukula/_buttons.scss

@@ -1,5 +1,6 @@
 .btn {
   @include color-hover($cyan, $background);
+  transition: none;
 
   &:hover,
   &.btn-primary:hover {

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)};

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",

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';