1
Fork 0

Restructure the project a little bit.

This commit is contained in:
Bauke 2020-03-01 22:40:01 +01:00
parent 8d7a3f6db8
commit 75e21da0a4
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
70 changed files with 2951 additions and 2786 deletions

View File

@ -1,2 +0,0 @@
css/**
temp/**

View File

@ -1,20 +0,0 @@
{
"extends": "stylelint-config-recommended",
"plugins": [
"stylelint-scss"
],
"rules": {
"at-rule-no-unknown": [
true,
{
"ignoreAtRules": [
"include",
"mixin"
]
}
],
"indentation": 2,
"string-quotes": "single",
"no-descending-specificity": null
}
}

View File

@ -1,4 +1,4 @@
Copyright © 2018-2019 Bauke <me@bauke.xyz>
Copyright © 2018-2020 Bauke <me@bauke.xyz>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

View File

@ -1,25 +1,13 @@
<img src="images/styles.png" align="right">
# Bauke's Styles
# Styles
> Collection of my user styles for various websites.
---
## Collection
| Name | Version | Applies To | User CSS |
|------|---------|------------|----------|
| Tildes Baukula | 1.0.5 | [tildes.net](https://tildes.net) | [Click](https://gitlab.com/Bauke/styles/raw/master/css/tildes-baukula/tildes-baukula.user.css)
| Tildes Compact | 1.0.7 | [tildes.net](https://tildes.net) | [Click](https://gitlab.com/Bauke/styles/raw/master/css/tildes-compact/tildes-compact.user.css) |
## Discontinued
Styles that I will still keep in the repository for archiving purposes **but will not be updated**.
| Name | Version | Applies To | User CSS |
|------|---------|------------|----------|
| Tildes Dracula | 2.1.6 | [tildes.net](https://tildes.net) | [Click](https://gitlab.com/Bauke/styles/raw/master/css/tildes-dracula/tildes-dracula.user.css) |
| Tildes Baukula | 1.0.6 | [tildes.net](https://tildes.net) | [Click](https://gitlab.com/Bauke/styles/raw/master/css/tildes-baukula/tildes-baukula.user.css)
| Tildes Compact | 1.0.8 | [tildes.net](https://tildes.net) | [Click](https://gitlab.com/Bauke/styles/raw/master/css/tildes-compact/tildes-compact.user.css) |
## Installing
@ -31,4 +19,4 @@ If you'd like to build the CSS yourself, refer to [the Wiki](https://gitlab.com/
## License
Licensed under MIT.
Licensed under [MIT](License).

View File

@ -1,8 +1,13 @@
// Builds all styles into `css` as `*.css` and `*.user.css` files.
const {execSync} = require('child_process');
const {join} = require('path');
const { moveSync, mkdirpSync, readdirSync, readFileSync, removeSync, writeFileSync } = require('fs-extra');
const {
moveSync,
mkdirpSync,
readdirSync,
readFileSync,
removeSync,
writeFileSync
} = require('fs-extra');
const {create} = require('usercss-creator');
if (!process.env.STYLE_ENV) {
@ -10,7 +15,8 @@ if (!process.env.STYLE_ENV) {
}
const tempPath = join(__dirname, 'temp');
const logMeta = process.env.STYLE_ENV === 'dev' ? '[build]'.padEnd(10) : '[build] ';
const logMeta =
process.env.STYLE_ENV === 'dev' ? '[build]'.padEnd(10) : '[build] ';
// If we're in prod then clear the temp folder to avoid unwanted files going into `css`
if (process.env.STYLE_ENV === 'prod') {
@ -18,15 +24,17 @@ if (process.env.STYLE_ENV === 'prod') {
removeSync(tempPath);
}
console.log(`${logMeta}reading \`${join(__dirname, 'src')}\` files`);
let cssFiles = readdirSync(join(__dirname, 'src'));
console.log(`${logMeta}reading \`${join(__dirname, 'source')}\` files`);
let cssFiles = readdirSync(join(__dirname, 'source'));
// Generate all the SCSS using the CLI
console.log(logMeta + 'generating SASS/SCSS -> CSS');
const outputStyle = process.env.STYLE_ENV === 'dev' ? 'expanded' : 'compressed';
const outputStyle = 'expanded';
mkdirpSync('temp/');
for (const cssFile of cssFiles) {
execSync(`yarn sass --no-source-map --style ${outputStyle} src/${cssFile}/${cssFile}.s* ${tempPath}/${cssFile}.css`);
execSync(
`yarn sass --no-source-map --style ${outputStyle} source/${cssFile}/${cssFile}.s* ${tempPath}/${cssFile}.css`
);
console.log(`${logMeta}${cssFile}`);
}
@ -43,7 +51,12 @@ for (const cssFile of cssFiles) {
const cssPath = join(tempPath, cssFile);
// This uses the css file's name to resolve the appropriate `package.json`
// All CSS files have the same name as their directory
const packagePath = join(__dirname, 'src', cssFile.substring(0, cssFile.indexOf('.')), 'package.json');
const packagePath = join(
__dirname,
'source',
cssFile.slice(0, cssFile.indexOf('.')),
'package.json'
);
const {usercss} = JSON.parse(readFileSync(packagePath, 'UTF8'));
// We don't specify an output path because we just want it generated next to the regular CSS file
create(cssPath, usercss);
@ -57,15 +70,20 @@ for (const cssFile of cssFiles) {
}
const cssPath = join(tempPath, cssFile);
const packagePath = join(__dirname, 'src', cssFile.substring(0, cssFile.indexOf('.')), 'package.json');
const packagePath = join(
__dirname,
'source',
cssFile.slice(0, cssFile.indexOf('.')),
'package.json'
);
const {usercss} = JSON.parse(readFileSync(packagePath, 'UTF8'));
let css = readFileSync(cssPath, 'UTF8');
const usercssIndex = css.indexOf('==/UserStyle== */');
const usercssLength = '==/UserStyle== */'.length;
css =
css.substring(0, usercssIndex + usercssLength) +
css.slice(0, Math.max(0, usercssIndex + usercssLength)) +
`\n@-moz-document domain("${usercss.namespace}") {\n` +
css.substring(usercssIndex + usercssLength + 1, css.length) +
css.slice(usercssIndex + usercssLength + 1, css.length) +
'}\n';
writeFileSync(cssPath, css);
console.log(`${logMeta}${cssFile} v${usercss.version}`);
@ -78,7 +96,10 @@ if (process.env.STYLE_ENV === 'prod') {
for (const cssFile of cssFiles) {
const cssPath = join(tempPath, cssFile);
const prodPath = join(__dirname, 'css');
const dirPath = join(prodPath, cssFile.substring(0, cssFile.indexOf('.')));
const dirPath = join(
prodPath,
cssFile.slice(0, Math.max(0, cssFile.indexOf('.')))
);
// `mkdir -p <path>` to create any directories that don't exist yet
mkdirpSync(dirPath);
moveSync(cssPath, join(dirPath, cssFile), {overwrite: true});

View File

@ -1,11 +1,7 @@
<img src="img/tildes-baukula-144x144.png" align="right">
# Tildes Baukula
> Adaptations to make the official Dracula theme look like my old one.
---
## Installing
To install this theme, check out [the Wiki](https://gitlab.com/Bauke/styles/wikis/Installing-Styles).

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,7 @@
<img src="img/tildes-compact-144x144.png" align="right">
# Tildes Compact
> Hides some elements and changes some sizes to make the [Tildes.net](https://tildes.net) layout a little more compact.
---
## Changes
- Resizes the topic info (X comments, domain/user, date posted) width to 500px.

View File

@ -1 +1,36 @@
.topic-listing .topic-text-excerpt,.post-listing .topic-text-excerpt{display:none !important}.topic-listing .topic-metadata,.post-listing .topic-metadata{display:inline-flex !important;height:1.3em !important;max-width:200px !important;overflow:hidden !important;white-space:nowrap !important}.topic-listing .topic-metadata .topic-tags li,.post-listing .topic-metadata .topic-tags li{display:none !important}.topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),.post-listing .topic-metadata .topic-tags li:nth-child(-n+3){display:inherit !important}.topic-listing .topic-info,.post-listing .topic-info{width:500px !important}.topic-listing .topic-info .user-label,.post-listing .topic-info .user-label{display:none !important}.post-listing .btn-post,.post-listing .comment-votes{display:none !important}.post-listing>li{margin-bottom:unset !important}
.topic-listing .topic-text-excerpt,
.post-listing .topic-text-excerpt {
display: none !important;
}
.topic-listing .topic-metadata,
.post-listing .topic-metadata {
display: inline-flex !important;
height: 1.3em !important;
max-width: 200px !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.topic-listing .topic-tags li,
.post-listing .topic-tags li {
display: none !important;
}
.topic-listing .topic-tags:nth-child(-n+3),
.post-listing .topic-tags:nth-child(-n+3) {
display: inherit !important;
}
.topic-listing .topic-info,
.post-listing .topic-info {
width: 500px !important;
}
.topic-listing .user-label,
.post-listing .user-label {
display: none !important;
}
.post-listing .btn-post,
.post-listing .comment-votes {
display: none !important;
}
.post-listing > li {
margin-bottom: unset !important;
}

View File

@ -1,7 +1,7 @@
/* ==UserStyle==
@name Tildes Compact
@namespace tildes.net
@version 1.0.7
@version 1.0.8
@author Bauke
@description Removes some elements and changes some sizes to make the Tildes.net layout a little more compact.
@homepageURL https://gitlab.com/Bauke/styles
@ -9,5 +9,40 @@
@license MIT
==/UserStyle== */
@-moz-document domain("tildes.net") {
.topic-listing .topic-text-excerpt,.post-listing .topic-text-excerpt{display:none !important}.topic-listing .topic-metadata,.post-listing .topic-metadata{display:inline-flex !important;height:1.3em !important;max-width:200px !important;overflow:hidden !important;white-space:nowrap !important}.topic-listing .topic-metadata .topic-tags li,.post-listing .topic-metadata .topic-tags li{display:none !important}.topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),.post-listing .topic-metadata .topic-tags li:nth-child(-n+3){display:inherit !important}.topic-listing .topic-info,.post-listing .topic-info{width:500px !important}.topic-listing .topic-info .user-label,.post-listing .topic-info .user-label{display:none !important}.post-listing .btn-post,.post-listing .comment-votes{display:none !important}.post-listing>li{margin-bottom:unset !important}
.topic-listing .topic-text-excerpt,
.post-listing .topic-text-excerpt {
display: none !important;
}
.topic-listing .topic-metadata,
.post-listing .topic-metadata {
display: inline-flex !important;
height: 1.3em !important;
max-width: 200px !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.topic-listing .topic-tags li,
.post-listing .topic-tags li {
display: none !important;
}
.topic-listing .topic-tags:nth-child(-n+3),
.post-listing .topic-tags:nth-child(-n+3) {
display: inherit !important;
}
.topic-listing .topic-info,
.post-listing .topic-info {
width: 500px !important;
}
.topic-listing .user-label,
.post-listing .user-label {
display: none !important;
}
.post-listing .btn-post,
.post-listing .comment-votes {
display: none !important;
}
.post-listing > li {
margin-bottom: unset !important;
}
}

View File

@ -1,27 +0,0 @@
<img src="img/tildes-dracula-144x144.png" align="right">
# Tildes Dracula
> A Dracula theme for [Tildes.net](https://tildes.net)
---
## Attention!
**This style will no longer be updated, Tildes now has an official Dracula theme. I recommend you use that one instead, if you want to adapt the official Dracula to look like this style, please see [Tildes Baukula](../tildes-baukula/README.md) for that instead.**
## Installing
To install this theme, check out [the Wiki](https://gitlab.com/Bauke/styles/wikis/Installing-Styles).
## Screenshots
![Login](img/screenshot-1.png)
![Thread Listings](img/screenshot-2.png)
![Group Subscriptions](img/screenshot-3.png)
![Thread Full](img/screenshot-4.png)
![User Profile](img/screenshot-5.png)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,18 +0,0 @@
# Various
> These are various small styles, that don't need their own Sass setup or UserCSS styles.
## Styles
| Style | Applies To |
|-------|------------|
| [Discord](discord.css) | On Domain: discordapp.com or using [BeautifulDiscord](https://github.com/leovoel/BeautifulDiscord) |
| [DuckDuckGo](duckduckgo.css) | On Domain: duckduckgo.com |
| [Globals](globals.css) | Everything |
| [Twitch](twitchtv.css) | Matching RegExp: `https:\/\/www.twitch.tv.*popout.*chat.*` |
| [Twitter](twitter.css) | On Domain: twitter.com |
| [Youtube](youtube.css) | On Domain: youtube.com |
## Installing
To install these themes, check out [the Wiki](https://gitlab.com/Bauke/styles/wikis/Installing-Styles). Note that you can only "copy-paste install" these themes, as they are not UserCSS styles.

View File

@ -1,49 +0,0 @@
::placeholder,
body,
button,
input,
select,
textarea {
font-family: 'Inter';
}
/* .embedInner-1-fpTo,
.embedPill-1Zntps,
.folderIconWrapper-226oVY,
.imageWrapper-2p5ogY,
.reaction-1ELvT8 {
border-radius: 0;
}
.embedPill-1Zntps {
width: 0.25rem;
}
.avatar-17mtNa foreignObject,
.avatar-3uk_u9 foreignObject,
.avatar-SmRMf2 foreignObject,
.wrapper-25eVIn foreignObject {
mask: none;
}
.mask-1l8v16 {
width: 40px;
height: 40px;
}
.avatar-3uk_u9 {
margin-right: 8px;
}
.avatar-SmRMf2 rect,
.avatar-3uk_u9 rect {
mask: none;
x: 32px;
y: 0px;
width: 4px;
height: 32px;
} */
.messageGroupBlocked-3wrQQX {
display: none;
}

View File

@ -1,8 +0,0 @@
/*
For some reason DuckDuckGo doesn't make their various input
elements have a white foreground color, so this fixes that.
*/
body, input, select, textarea {
color: white;
}

View File

@ -1,8 +0,0 @@
/*
Makes tab spacing in codeblocks consistent across all sites.
*/
:root {
-moz-tab-size: 4;
tab-size: 4;
}

View File

@ -1,9 +0,0 @@
/*
Hides elements that clog up Twitch's chat when using popout mode.
*/
.chat-input,
.room-selector__header,
.pinned-cheer-v2 {
display: none !important;
}

View File

@ -1,24 +0,0 @@
/*
Hides a bunch of useless crap and displays most avatars as squares instead of circles.
*/
.dashboard-right,
.trends {
display: none !important;
}
.content-main {
width: 70%;
}
.avatar,
.Avatar,
.DashboardProfileCard-avatarLink,
.DashboardProfileCard-avatarImage,
.nav .session .dropdown-toggle {
border-radius: 0;
}
.nav .session .dropdown-toggle::before {
box-shadow: none;
}

View File

@ -1,16 +0,0 @@
/*
Hides the sidebar and makes the content use the full width like the video player.
Also removes the hideous black background when using theater mode.
*/
#watch7-content {
width: 100%;
}
#watch7-sidebar {
display: none;
}
.watch-stage-mode #theater-background {
background-color: transparent;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

View File

@ -1,37 +1,42 @@
{
"name": "bauke-styles",
"repository": "https://gitlab.com/Bauke/styles",
"version": "1.0.0",
"author": "Bauke <me@bauke.xyz>",
"main": "build.js",
"license": "MIT",
"private": true,
"workspaces": [
"src/*"
],
"scripts": {
"build": "yarn lint && STYLE_ENV=prod node ./build.js",
"watch": "STYLE_ENV=dev nodemon ./build.js --watch src/ --ext sass,scss",
"lint": "xo && stylelint src/**/*.scss && stylelint src/**/*.sass"
"build": "yarn test && STYLE_ENV=prod node .",
"watch": "STYLE_ENV=dev nodemon . --watch source/ --ext scss",
"test": "xo && stylelint 'source/**/*.scss'"
},
"dependencies": {},
"devDependencies": {
"fs-extra": "^7.0.1",
"nodemon": "^1.18.10",
"fs-extra": "^8.1.0",
"nodemon": "^2.0.2",
"sass": "^1.22.12",
"stylelint": "^9.10.1",
"stylelint-config-recommended": "^2.1.0",
"stylelint-scss": "^3.5.4",
"stylelint": "^13.2.0",
"stylelint-config-xo-scss": "^0.12.0",
"stylelint-config-xo-space": "^0.14.0",
"usercss-creator": "^1.2.0",
"xo": "^0.24.0"
"xo": "^0.27.2"
},
"stylelint": {
"extends": [
"stylelint-config-xo-scss",
"stylelint-config-xo-space"
],
"ignoreFiles": [
"css/**/*.css"
],
"rules": {
"at-rule-no-unknown": null,
"block-no-empty": null,
"no-descending-specificity": null
}
},
"xo": {
"rules": {
"object-curly-spacing": [
"error",
"always"
]
},
"prettier": true,
"space": true
}
}

View File

@ -5,7 +5,7 @@
padding: 0.8rem;
h2 {
margin: 0 0 0.4rem 0;
margin: 0 0 0.4rem;
}
.text-secondary {

View File

@ -1,5 +1,5 @@
.btn {
@include colorHover($cyan, $background);
@include color-hover($cyan, $background);
&:hover,
&.btn-primary:hover {
@ -8,9 +8,8 @@
}
&.btn-link {
@include colorHover($cyan, $background);
border: 1px solid $cyan;
@include color-hover($cyan, $background);
&:hover {
border-color: $pink;
@ -25,7 +24,7 @@
}
&-post button {
@include colorHover($cyan, $pink);
@include color-hover($cyan, $pink);
&.btn-post-action-used {
color: $pink;

View File

@ -0,0 +1,11 @@
$foreground: #f8f8f2;
$background: #282a36;
$selection: #44475a;
$comment: #6272a4;
$red: #f55;
$orange: #ffb86c;
$yellow: #f1fa8c;
$green: #50fa7b;
$cyan: #8be9fd;
$purple: #bd93f9;
$pink: #ff79c6;

View File

@ -11,7 +11,7 @@
.comment-nav-link,
.comment-nav-link:visited {
@include colorHover($cyan, $pink);
@include color-hover($cyan, $pink);
}
.comment-votes {

View File

@ -1,5 +1,5 @@
.user-label {
border-radius: 0;
border-radius: none;
}
.label-edit-box {
@ -17,6 +17,7 @@
color: transparent;
}
// stylelint-disable-next-line selector-class-pattern
.bg- {
&none {
color: $foreground;

View File

@ -1,6 +1,6 @@
a,
a:visited {
@include colorHover($cyan, $pink)
@include color-hover($cyan, $pink);
}
blockquote {
@ -35,6 +35,7 @@ main,
th {
border-color: $comment;
}
td {
border-color: $selection;
}

View File

@ -27,7 +27,7 @@ a.site-header-logo:hover {
a.logged-in-user-alert,
a.logged-in-user-alert:visited {
color: $background;
@include backgroundHover($orange, $yellow);
@include background-hover($orange, $yellow);
padding: 0.1rem 0.3rem;
}
@ -52,7 +52,7 @@ a.logged-in-user-alert:visited {
color: $comment;
a {
@include colorHover($comment, $pink);
@include color-hover($comment, $pink);
}
}
@ -61,6 +61,7 @@ a.logged-in-user-alert:visited {
}
// Very specific target for the Tildes brand logo at the top
// stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
& > header > a:nth-child(1):not(.no-header-logo) {
color: $foreground;
background-size: 32px 32px;

View File

@ -1,5 +1,5 @@
// Mixin to easily color standard and hover states
@mixin colorHover($standard, $hover) {
@mixin color-hover($standard, $hover) {
color: $standard;
&:hover {
@ -7,8 +7,8 @@
}
}
// The same as colorHover but for the background-color
@mixin backgroundHover($standard, $hover) {
// The same as color-hover but for the background-color
@mixin background-hover($standard, $hover) {
background-color: $standard;
&:hover {

View File

@ -20,7 +20,7 @@
}
a {
@include colorHover($foreground, $cyan);
@include color-hover($foreground, $cyan);
margin: 0;
padding: 4px 8px;
}
@ -31,7 +31,7 @@
border: 1px solid $comment;
background-color: $background;
// Changes the "from last X period" icon to be the same color as the foreground, it's hardcoded though
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E");
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%204%205"%3E%3Cpath%20fill="%23f8f8f2"%20d="M2%200L0%202h4zm0%205L0%203h4z"/%3E%3C/svg%3E');
}
.tab.tab-markdown-mode {

View File

@ -1,10 +1,10 @@
{
"name": "tildes-baukula",
"version": "1.0.5",
"version": "1.0.6",
"usercss": {
"name": "Tildes Baukula",
"namespace": "tildes.net",
"version": "1.0.5",
"version": "1.0.6",
"author": "Bauke",
"description": "Adaptations to make the official Dracula theme look like my old one.",
"homepageURL": "https://gitlab.com/Bauke/styles",

View File

@ -3,7 +3,7 @@
// Tell the user that Baukula only works with the official Dracula theme
body:not(.theme-dracula) {
.site-header-logo:after {
.site-header-logo::after {
content: ' Baukula won\'t activate unless you use the official Dracula theme!';
}
}

View File

@ -0,0 +1,45 @@
// stylelint-disable declaration-no-important
.topic-listing,
.post-listing {
.topic-text-excerpt {
display: none !important;
}
.topic-metadata {
display: inline-flex !important;
height: 1.3em !important;
max-width: 200px !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.topic-tags {
li {
display: none !important;
}
&:nth-child(-n+3) {
display: inherit !important;
}
}
.topic-info {
width: 500px !important;
}
.user-label {
display: none !important;
}
}
.post-listing {
.btn-post,
.comment-votes {
display: none !important;
}
> li {
margin-bottom: unset !important;
}
}

View File

@ -1,10 +1,10 @@
{
"name": "tildes-compact",
"version": "1.0.7",
"version": "1.0.8",
"usercss": {
"name": "Tildes Compact",
"namespace": "tildes.net",
"version": "1.0.7",
"version": "1.0.8",
"author": "Bauke",
"description": "Removes some elements and changes some sizes to make the Tildes.net layout a little more compact.",
"homepageURL": "https://gitlab.com/Bauke/styles",

View File

@ -0,0 +1 @@
@import 'topic-listings';

View File

@ -1,11 +0,0 @@
$foreground: #f8f8f2;
$background: #282a36;
$selection: #44475a;
$comment: #6272a4;
$red: #ff5555;
$orange: #ffb86c;
$yellow: #f1fa8c;
$green: #50fa7b;
$cyan: #8be9fd;
$purple: #bd93f9;
$pink: #ff79c6;

View File

@ -1,32 +0,0 @@
.topic-listing,
.post-listing
.topic-text-excerpt
display: none !important
.topic-metadata
display: inline-flex !important
height: 1.3em !important
max-width: 200px !important
overflow: hidden !important
white-space: nowrap !important
.topic-tags
li
display: none !important
&:nth-child(-n+3)
display: inherit !important
.topic-info
width: 500px !important
.user-label
display: none !important
.post-listing
.btn-post,
.comment-votes
display: none !important
> li
margin-bottom: unset !important

View File

@ -1 +0,0 @@
@import '_topic-listings.sass'

View File

@ -1,145 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.highlight
.syntax-c
color: $cyan
.syntax-err
color: $foreground
.syntax-g
color: $foreground
.syntax-k
color: $green
.syntax-l
color: $foreground
.syntax-n
color: $foreground
.syntax-o
color: $green
.syntax-x
color: $orange
.syntax-p
color: $foreground
.syntax-cm
color: $cyan
.syntax-cp
color: $green
.syntax-c1
color: $cyan
.syntax-cs
color: $green
.syntax-gd
color: $purple
.syntax-ge
color: $foreground
font-style: italic
.syntax-gr
color: $red
.syntax-gh
color: $orange
.syntax-gi
color: $green
.syntax-go
color: $foreground
.syntax-gp
color: $foreground
.syntax-gs
color: $foreground
font-weight: bold
.syntax-gu
color: $orange
.syntax-gt
color: $foreground
.syntax-kc
color: $orange
.syntax-kd
color: $pink
.syntax-kn
color: $green
.syntax-kp
color: $green
.syntax-kr
color: $pink
.syntax-kt
color: $red
.syntax-ld
color: $foreground
.syntax-m
color: $purple
.syntax-s
color: $purple
.syntax-na
color: $foreground
.syntax-nb
color: $orange
.syntax-nc
color: $pink
.syntax-no
color: $orange
.syntax-nd
color: $pink
.syntax-ni
color: $orange
.syntax-ne
color: $orange
.syntax-nf
color: $pink
.syntax-nl
color: $foreground
.syntax-nn
color: $foreground
.syntax-nx
color: $foreground
.syntax-py
color: $foreground
.syntax-nt
color: $pink
.syntax-nv
color: $pink
.syntax-ow
color: $green
.syntax-w
color: $foreground
.syntax-mf
color: $purple
.syntax-mh
color: $purple
.syntax-mi
color: $purple
.syntax-mo
color: $purple
.syntax-sb
color: $cyan
.syntax-sc
color: $purple
.syntax-sd
color: $foreground
.syntax-s2
color: $purple
.syntax-se
color: $orange
.syntax-sh
color: $foreground
.syntax-si
color: $purple
.syntax-sx
color: $purple
.syntax-sr
color: $red
.syntax-s1
color: $purple
.syntax-ss
color: $purple
.syntax-bp
color: $pink
.syntax-vc
color: $pink
.syntax-vg
color: $pink
.syntax-vi
color: $pink
.syntax-il
color: $purple

View File

@ -1,12 +0,0 @@
$foreground: #f8f8f2
$background: #282a36
$selection: #44475a
$comment: #6272a4
$red: #ff5555
$orange: #ffb86c
$yellow: #f1fa8c
$green: #50fa7b
$cyan: #8be9fd
$purple: #bd93f9
$pink: #ff79c6

View File

@ -1,157 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.btn-comment-collapse
color: $cyan
border-color: $cyan
background: transparent
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
.comment
border-color: $background
&:target > .comment-itself
border-left: 3px solid $green !important
.comment-itself
header
background-color: $background
.comment-nav-link
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
.comment-user-info
color: $yellow
.time-responsive-full
color: $foreground
.comment-exemplary-reasons
background-color: $background
padding: 5px
&[open]
border-bottom: 1px solid $cyan
ul
margin-left: 1.3rem
margin-bottom: 0
.comment-votes
color: $foreground
.comment[data-comment-depth='0']
border-color: $background
.is-comment-collapsed header .link-user
color: $green
.label-comment-exemplary
color: $background
border-color: $cyan
background-color: $cyan
.btn-post
padding: 0
.btn-post-action
color: $cyan
padding: 6px 8px
margin: 6px
margin-bottom: 0px
&:hover,
&:active,
&:focus
color: $pink
text-decoration: none
.btn-post-action-used
color: $pink
text-decoration: underline
&:hover,
&:active,
&:focus
color: $cyan
text-decoration: underline
.btn-comment-label-exemplary
color: $cyan
border-color: $cyan
&:hover
color: $cyan
&.btn-used:hover
color: $background
background-color: $cyan
.btn-comment-label-offtopic
color: $green
border-color: $green
&:hover
color: $green
&.btn-used:hover
color: $background
background-color: $green
.btn-comment-label-joke
color: $yellow
border-color: $yellow
&:hover
color: $yellow
&.btn-used:hover
color: $background
background-color: $yellow
.btn-comment-label-noise
color: $orange
border-color: $orange
&:hover
color: $orange
&.btn-used:hover
color: $background
background-color: $orange
.btn-comment-label-malice
color: $red
border-color: $red
&:hover
color: $red
&.btn-used:hover
color: $background
background-color: $red
.btn-comment-label.btn-used
border: none

View File

@ -1,28 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
#page-list
background-color: $selection
.toc
background-color: $background
.highlight:not(code)
color: $foreground
background-color: $comment
.conspicuous
color: $red
font-family: sans-serif
.date-info
color: $foreground
.article-summary
border-color: $foreground
h2 a
color: $foreground

View File

@ -1,25 +0,0 @@
@import '_colors.sass'
body>footer,
#site-footer
color: $foreground
background-color: $background
padding: 0.5rem
font-style: normal
font-weight: bold
a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink

View File

@ -1,18 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.Theme-black
.group-list
tbody tr:nth-of-type(n)
background-color: $background
td
border-color: $selection
.group-list-description
font-style: normal
.table th
border-bottom-color: $comment

View File

@ -1,63 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
color: $foreground
background-color: $background
a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $pink
hr
border-color: $foreground
main,
#sidebar
color: $foreground
background-color: $selection
fieldset
border-color: $comment
pre,
code
color: $foreground
background-color: $background
border: none
font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace
blockquote
color: $foreground
background-color: $background
border-color: $foreground
figure,
section
border-color: $foreground
input,
textarea,
.form-input,
.form-input:not(:focus)
color: $foreground
border-color: $comment
background-color: $background
th
border-color: $comment
td
border-color: $selection
tbody tr:nth-of-type(n)
background-color: $background

View File

@ -1,49 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-black,
body.theme-dark
.listing-options
button
border: none
&:hover,
&:active,
&:focus
color: $pink
background-color: transparent
text-decoration: underline
.tab.tab-listing-order
border-color: $background
.tab-item
margin: 4px
padding: 0
background-color: $background
&:first-child
margin-left: 0
&:last-child
margin-right: 0
a
color: $cyan
margin: 0
padding: 4px 8px
&:hover,
&:active,
&:focus
color: $cyan
&.active a
color: $pink
border-color: $pink
.form-select:not([multiple]):not([size])
border: 1px solid $comment
background-color: $background
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E")

View File

@ -1,33 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.message-list
thead th
border-color: $comment
tbody tr:nth-of-type(n)
background-color: $background
td
border-color: $selection
.message-list-subject a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
.message
border-color: $background
header
color: $foreground
background-color: $background

View File

@ -1,174 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.toast
color: $foreground
border-color: $comment
background-color: $background
.divider
border-color: $background
.empty-subtitle
color: $foreground
.post-listing
.topic
background-color: $background
.label-topic-tag
color: $comment
.link-user
color: $green
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $green
&:hover,
&:active,
&:focus
color: $pink
.label-topic-tag a
color: $comment
&:hover,
&:active,
&:focus
color: $pink
.text-secondary
font-style: normal
font-weight: bold
color: $comment
.text-warning
color: $background
background-color: $orange
padding: 10px
blockquote.text-warning
color: $foreground
background-color: $background
.form-status-success
color: $green
.form-status-error
color: $red
.is-comment-new .comment-text
color: $foreground
.is-topic-official h1 a:visited
color: $red
.label-topic-tag-spoiler
background-color: $yellow
a
color: $background
.label-topic-tag-nsfw
background-color: $red
a
color: $background
.topic-voting.btn
border-style: solid
.btn,
.btn.btn-link
color: $cyan
border-color: $cyan
background: transparent
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
&:visited
color: $cyan
border-color: $cyan
background: transparent
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
.btn-used,
.topic-voting.btn-used
color: $background
border-color: $pink
background: $pink
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
.btn.btn-primary
color: $background
background: $cyan
border-color: $cyan
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
.is-topic-official
border-left-color: $red !important
h1 a
color: $red
.is-topic-mine
border-left-color: $purple !important
h1 a
color: $purple
.topic-voting
color: $foreground
.is-topic-mine h1 a:visited
color: $purple
.topic-icon
border-color: $cyan
.is-comment-by-op>.comment-itself
border-color: $yellow !important
.is-comment-mine>.comment-itself
border-color: $purple !important
.is-comment-exemplary>.comment-itself
border-color: $cyan !important
.is-comment-new>.comment-itself
border-color: $orange !important
.is-message-mine
border-left-color: $purple !important

View File

@ -1,31 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.settings-list
margin-left: 0px
li
background-color: $background
border: 1px solid $comment
padding: 15px
margin-top: 15px
margin-bottom: 15px
a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink

View File

@ -1,36 +0,0 @@
@import '_colors.sass'
#sidebar
form[action='/logout']>button
&:hover,
&:active,
&:focus
border-color: transparent
background-color: transparent
.nav .nav-item a,
form[action='/logout']>button
color: $orange
&:hover,
&:active,
&:focus
color: $yellow
&:visited
color: $orange
&:hover,
&:active,
&:focus
color: $yellow
.topic-tags
margin-bottom: 0.5rem
.label-topic-tag
color: $comment
&:hover
color: $foreground
cursor: default

View File

@ -1,41 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-black,
body.theme-dark
.site-header-logo
color: $foreground
.site-header-context
color: $orange
&:hover,
&:active,
&:focus
color: $yellow
.logged-in-user-username
color: $green
&:hover,
&:active,
&:focus
color: $pink
.logged-in-user-alert
color: $background
background-color: $orange
padding: 0.1rem 0.3rem
margin-top: 0.2rem
justify-content: left
&:hover,
&:active,
&:focus
background-color: $yellow
body>header>a:nth-child(1):not(.no-header-logo)
color: $foreground
background-size: 32px 32px
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==')

View File

@ -1,45 +0,0 @@
@import '_colors.sass'
.user-label
border-radius: 0 !important
padding: 3px 5px !important
.label-edit-box
color: $foreground !important
background-color: $background !important
input
border: 1px solid $comment !important
background-color: $selection !important
.label-light,
.label-dark
color: transparent !important
.bg-none
color: $foreground !important
border-color: $comment !important
.bg-red
color: $background !important
background-color: $red !important
.bg-orangered
color: $background !important
background-color: $orange !important
.bg-orange
color: $background !important
background-color: $yellow !important
.bg-dodgerblue
color: $background !important
background-color: $cyan !important
.bg-forestgreen
color: $background !important
background-color: $green !important
.bg-slategray
color: $foreground !important
background-color: $selection !important

View File

@ -1,25 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.topic-full
.topic-full-byline
color: $foreground
.topic-full-text a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink

View File

@ -1,60 +0,0 @@
@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.topic-listing
> li:nth-of-type(n)
background-color: $background
.topic-info
color: $foreground
background-color: $background
.time-responsive-full
color: $foreground
.topic-content-metadata
color: $foreground
.topic-text-excerpt
color: $comment
&[open]
color: $foreground
summary,
summary::after
color: $comment
.link-group
color: $orange
&:hover,
&:active,
&:focus
color: $yellow
.topic-info-comments a
.topic-info-comments-new
color: $orange
&:hover,
&:active,
&:focus
color: $pink
.topic-info-comments-new
color: $yellow
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
.topic-info-comments-new
color: $yellow

View File

@ -1,14 +0,0 @@
{
"name": "tildes-dracula",
"version": "2.1.6",
"usercss": {
"name": "Tildes Dracula",
"namespace": "tildes.net",
"version": "2.1.6",
"author": "Bauke",
"description": "Dracula theme for Tildes.net",
"homepageURL": "https://gitlab.com/Bauke/styles",
"supportURL": "https://gitlab.com/Bauke/styles/issues",
"license": "MIT"
}
}

View File

@ -1,16 +0,0 @@
@import '_code-syntax.sass'
@import '_colors.sass'
@import '_comments.sass'
@import '_docs.sass'
@import '_footer.sass'
@import '_groups.sass'
@import '_html-tags.sass'
@import '_listing-options.sass'
@import '_messages.sass'
@import '_misc.sass'
@import '_settings.sass'
@import '_sidebar.sass'
@import '_site-header.sass'
@import '_tildes-extended.sass'
@import '_topic-full.sass'
@import '_topic-listing.sass'

3563
yarn.lock

File diff suppressed because it is too large Load Diff