Restructure the project a little bit.
This commit is contained in:
parent
8d7a3f6db8
commit
75e21da0a4
GPG Key ID:
C1C0F29952BCF558
|
|
@ -1,2 +0,0 @@
|
|||
css/**
|
||||
temp/**
|
||||
|
|
@ -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
|
||||
}
|
||||
}
|
||||
|
|
@ -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:
|
||||
|
||||
|
|
@ -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).
|
||||
59
build.js
59
build.js
|
|
@ -1,16 +1,22 @@
|
|||
// 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 { create } = require('usercss-creator');
|
||||
const {execSync} = require('child_process');
|
||||
const {join} = require('path');
|
||||
const {
|
||||
moveSync,
|
||||
mkdirpSync,
|
||||
readdirSync,
|
||||
readFileSync,
|
||||
removeSync,
|
||||
writeFileSync
|
||||
} = require('fs-extra');
|
||||
const {create} = require('usercss-creator');
|
||||
|
||||
if (!process.env.STYLE_ENV) {
|
||||
throw new Error('Environment variable STYLE_ENV is not set.');
|
||||
}
|
||||
|
||||
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,8 +51,13 @@ 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 { usercss } = JSON.parse(readFileSync(packagePath, 'UTF8'));
|
||||
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 { usercss } = JSON.parse(readFileSync(packagePath, 'UTF8'));
|
||||
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,10 +96,13 @@ 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 });
|
||||
moveSync(cssPath, join(dirPath, cssFile), {overwrite: true});
|
||||
}
|
||||
|
||||
removeSync(tempPath);
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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.
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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
|
|
@ -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.
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/*
|
||||
Makes tab spacing in codeblocks consistent across all sites.
|
||||
*/
|
||||
|
||||
:root {
|
||||
-moz-tab-size: 4;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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 |
43
package.json
43
package.json
|
|
@ -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
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
padding: 0.8rem;
|
||||
|
||||
h2 {
|
||||
margin: 0 0 0.4rem 0;
|
||||
margin: 0 0 0.4rem;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
|
|
@ -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;
|
||||
|
|
@ -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;
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
.comment-nav-link,
|
||||
.comment-nav-link:visited {
|
||||
@include colorHover($cyan, $pink);
|
||||
@include color-hover($cyan, $pink);
|
||||
}
|
||||
|
||||
.comment-votes {
|
||||
|
|
@ -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;
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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,7 +61,8 @@ a.logged-in-user-alert:visited {
|
|||
}
|
||||
|
||||
// Very specific target for the Tildes brand logo at the top
|
||||
&>header>a:nth-child(1):not(.no-header-logo) {
|
||||
// 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;
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==');
|
||||
|
|
@ -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 {
|
||||
|
|
@ -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 {
|
||||
|
|
@ -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",
|
||||
|
|
@ -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!';
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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",
|
||||
|
|
@ -0,0 +1 @@
|
|||
@import 'topic-listings';
|
||||
|
|
@ -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;
|
||||
|
|
@ -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
|
||||
|
|
@ -1 +0,0 @@
|
|||
@import '_topic-listings.sass'
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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")
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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==')
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
|
@ -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'
|
||||
Loading…
Reference in New Issue