Bauke/userstyles
Bauke
/
userstyles
1
Fork 0
Code Releases 4 Activity

Make Tildes Baukula use CSS custom properties.

This commit is contained in:
Bauke 2020-09-26 14:13:20 +02:00
parent 6724f4ec07
commit 10adbd8f4f
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
5 changed files with 15 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "userstyles", "name": "userstyles",
"description": "A collection of all my userstyles for various websites.", "description": "A collection of all my userstyles for various websites.",
"version": "0.1.1", "version": "0.1.2",
"author": "Bauke <me@bauke.xyz>", "author": "Bauke <me@bauke.xyz>",
"homepage": "https://bauke.xyz/userstyles", "homepage": "https://bauke.xyz/userstyles",
"repository": "https://git.holllo.cc/Bauke/userstyles", "repository": "https://git.holllo.cc/Bauke/userstyles",

1
source/tildes-baukula/_buttons.scss
View File

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

22
source/tildes-baukula/_colors.scss
View File

@ -1,11 +1,11 @@
$foreground: #f8f8f2; $foreground: #{var(--foreground-primary-color)};
$background: #282a36; $background: #{var(--background-primary-color)};
$selection: #44475a; $selection: #{var(--background-secondary-color)};
$comment: #6272a4; $comment: #{var(--border-color)};
$red: #f55; $red: #{var(--error-color)};
$orange: #ffb86c; $orange: #{var(--alert-color)};
$yellow: #f1fa8c; $yellow: #{var(--warning-color)};
$green: #50fa7b; $green: #{var(--success-color)};
$cyan: #8be9fd; $cyan: #{var(--link-color)};
$purple: #bd93f9; $purple: #{var(--link-visited-color)};
$pink: #ff79c6; $pink: #{var(--syntax-keyword-color)};

2
source/tildes-baukula/metadata.json
View File

@ -1,7 +1,7 @@
{ {
"name": "Tildes Baukula", "name": "Tildes Baukula",
"namespace": "https://bauke.xyz/userstyles", "namespace": "https://bauke.xyz/userstyles",
"version": "2.0.0", "version": "2.1.0",
"author": "Bauke <me@bauke.xyz>", "author": "Bauke <me@bauke.xyz>",
"description": "Adaptations to the official Tildes Dracula theme to make it look like my old custom Tildes Dracula theme.", "description": "Adaptations to the official Tildes Dracula theme to make it look like my old custom Tildes Dracula theme.",
"homepageURL": "https://bauke.xyz/userstyles", "homepageURL": "https://bauke.xyz/userstyles",

10
source/tildes-baukula/tildes-baukula.scss
View File

@ -1,15 +1,7 @@
@import 'colors'; @import 'colors';
@import 'mixins'; @import 'mixins';
// Tell the user that Baukula only works with the official Dracula theme body {
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 {
background-color: $background; background-color: $background;
@import 'blog'; @import 'blog';
@import 'buttons'; @import 'buttons';