Initial commit
This commit is contained in:
commit
6b9ac0156a
|
|
@ -0,0 +1,24 @@
|
||||||
|
{
|
||||||
|
"env": {
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"parserOptions": {
|
||||||
|
"sourceType": "module"
|
||||||
|
},
|
||||||
|
"extends": "eslint:recommended",
|
||||||
|
"rules": {
|
||||||
|
"indent": [
|
||||||
|
"error",
|
||||||
|
2
|
||||||
|
],
|
||||||
|
"no-console": "off",
|
||||||
|
"quotes": [
|
||||||
|
"error",
|
||||||
|
"single"
|
||||||
|
],
|
||||||
|
"semi": [
|
||||||
|
"error",
|
||||||
|
"never"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
# https://github.com/github/gitignore/blob/master/Node.gitignore
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript v1 declaration files
|
||||||
|
typings/
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
|
|
||||||
|
# next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless
|
||||||
|
|
||||||
|
# Temporary css folder for development
|
||||||
|
temp
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"extends": "stylelint-config-recommended",
|
||||||
|
"rules": {
|
||||||
|
"indentation": 2,
|
||||||
|
"string-quotes": "single"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
Copyright © 2018 Bauke
|
||||||
|
|
||||||
|
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:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
# Bauke's Styles
|
||||||
|
|
||||||
|
> Collection of my user styles for various websites.
|
||||||
|
|
||||||
|
<!-- TODO: Put stuff here. -->
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
Licensed under MIT.
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
@-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 .post-buttons,
|
||||||
|
.post-listing .comment-votes {
|
||||||
|
display: none !important; } }
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
/* ==UserStyle==
|
||||||
|
@name Tildes Compact
|
||||||
|
@namespace tildes.net
|
||||||
|
@version N/A
|
||||||
|
@author Bauke
|
||||||
|
@description Compact theme for Tildes.net
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==/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 .post-buttons,
|
||||||
|
.post-listing .comment-votes {
|
||||||
|
display: none !important; } }
|
||||||
|
|
@ -0,0 +1,198 @@
|
||||||
|
@-moz-document domain('tildes.net') {
|
||||||
|
.date-info {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.btn:hover {
|
||||||
|
border-color: #bd93f9 !important;
|
||||||
|
background: none !important;
|
||||||
|
color: #bd93f9 !important; }
|
||||||
|
.btn-primary {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
background: #8be9fd !important;
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.btn-primary:hover {
|
||||||
|
border-color: #6272a4 !important;
|
||||||
|
background: #6272a4 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn-used {
|
||||||
|
border-color: #ff79c6 !important;
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.btn-used:hover {
|
||||||
|
border-color: #ff79c6 !important;
|
||||||
|
background: #ff79c6 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn-link {
|
||||||
|
border-color: transparent !important; }
|
||||||
|
.btn-link:hover {
|
||||||
|
border-color: transparent !important; }
|
||||||
|
.label-comment-tag-offtopic {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.label-comment-tag-joke {
|
||||||
|
border-color: #50fa7b !important;
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.label-comment-tag-flame {
|
||||||
|
border-color: #ff5555 !important;
|
||||||
|
color: #ff5555 !important; }
|
||||||
|
.label-comment-tag-troll {
|
||||||
|
border-color: #ffb86c !important;
|
||||||
|
color: #ffb86c !important; }
|
||||||
|
.label-comment-tag-noise {
|
||||||
|
border-color: #f1fa8c !important;
|
||||||
|
color: #f1fa8c !important; }
|
||||||
|
.comment {
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
.comment header {
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.comment header a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.comment header a.link-user {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.comment header a.link-user:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.comment .comment-user-info {
|
||||||
|
color: #bd93f9 !important; }
|
||||||
|
.is-comment-mine > .comment-itself {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.is-comment-by-op > .comment-itself {
|
||||||
|
border-color: #bd93f9 !important; }
|
||||||
|
.is-comment-new .comment-itself {
|
||||||
|
border-color: #f1fa8c !important; }
|
||||||
|
.is-comment-new .comment-text {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.conspicuous {
|
||||||
|
color: #ff5555 !important; }
|
||||||
|
.toc {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.highlight {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.highlight > pre {
|
||||||
|
margin-left: 0 !important; }
|
||||||
|
#page-list {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
body {
|
||||||
|
color: #f8f8f2 !important;
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
header a {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
main {
|
||||||
|
font-family: sans-serif; }
|
||||||
|
main,
|
||||||
|
aside {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
blockquote {
|
||||||
|
border-color: #f8f8f2 !important;
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
textarea {
|
||||||
|
border-color: #6272a4 !important;
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
tr {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
td {
|
||||||
|
border-color: #44475a !important;
|
||||||
|
border-bottom-width: 0.2rem !important; }
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
border: none !important;
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
pre {
|
||||||
|
padding: 5px 10px !important; }
|
||||||
|
code {
|
||||||
|
padding: 0 !important; }
|
||||||
|
section {
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
footer {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.tab {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.tab .tab-item a {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.tab .tab-item a:hover {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.tab .tab-item.active a {
|
||||||
|
color: #8be9fd !important;
|
||||||
|
border-bottom-color: #8be9fd !important; }
|
||||||
|
.tab .tab-listing-order {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.form-select {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.form-select:not([multiple]):not([size]) {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.message {
|
||||||
|
border-top: none !important;
|
||||||
|
border-right: none !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
.message header {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.message .message-text {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.is-message-mine {
|
||||||
|
border-width: 1px !important;
|
||||||
|
margin-left: 0 !important; }
|
||||||
|
aside#sidebar .group-subscription-count {
|
||||||
|
text-align: center; }
|
||||||
|
body > header > a:nth-child(1) {
|
||||||
|
background-size: 32px 32px !important;
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
|
||||||
|
.label-edit-box {
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.user-label {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
padding: 1px 3px !important; }
|
||||||
|
.bg-red {
|
||||||
|
background-color: #ff5555 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.bg-orangered {
|
||||||
|
background-color: #ffb86c !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-orange {
|
||||||
|
background-color: #f1fa8c !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-dodgerblue {
|
||||||
|
background-color: #8be9fd !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-forestgreen {
|
||||||
|
background-color: #50fa7b !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-slategray {
|
||||||
|
background-color: #44475a !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic-full .topic-full-byline {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic-full .topic-full-byline .link-user {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic-full .topic-full-byline .link-user:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
aside .topic-tags li {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic .topic-content-metadata {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic .topic-text-excerpt {
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.post-listing .topic {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.topic-listing {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.topic-listing > li {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.is-topic-official {
|
||||||
|
border-color: #ffb86c !important; }
|
||||||
|
.topic-title a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.topic-title a:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.topic-info .time-responsive {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic-metadata .topic-tags li {
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.topic-info-comments-new {
|
||||||
|
color: #f1fa8c !important; } }
|
||||||
|
|
@ -0,0 +1,208 @@
|
||||||
|
/* ==UserStyle==
|
||||||
|
@name Tildes Dracula
|
||||||
|
@namespace tildes.net
|
||||||
|
@version N/A
|
||||||
|
@author Bauke
|
||||||
|
@description Dracula theme for Tildes.net
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
==/UserStyle== */
|
||||||
|
@-moz-document domain('tildes.net') {
|
||||||
|
.date-info {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.btn:hover {
|
||||||
|
border-color: #bd93f9 !important;
|
||||||
|
background: none !important;
|
||||||
|
color: #bd93f9 !important; }
|
||||||
|
.btn-primary {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
background: #8be9fd !important;
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.btn-primary:hover {
|
||||||
|
border-color: #6272a4 !important;
|
||||||
|
background: #6272a4 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn-used {
|
||||||
|
border-color: #ff79c6 !important;
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.btn-used:hover {
|
||||||
|
border-color: #ff79c6 !important;
|
||||||
|
background: #ff79c6 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.btn-link {
|
||||||
|
border-color: transparent !important; }
|
||||||
|
.btn-link:hover {
|
||||||
|
border-color: transparent !important; }
|
||||||
|
.label-comment-tag-offtopic {
|
||||||
|
border-color: #8be9fd !important;
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.label-comment-tag-joke {
|
||||||
|
border-color: #50fa7b !important;
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.label-comment-tag-flame {
|
||||||
|
border-color: #ff5555 !important;
|
||||||
|
color: #ff5555 !important; }
|
||||||
|
.label-comment-tag-troll {
|
||||||
|
border-color: #ffb86c !important;
|
||||||
|
color: #ffb86c !important; }
|
||||||
|
.label-comment-tag-noise {
|
||||||
|
border-color: #f1fa8c !important;
|
||||||
|
color: #f1fa8c !important; }
|
||||||
|
.comment {
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
.comment header {
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.comment header a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.comment header a.link-user {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.comment header a.link-user:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.comment .comment-user-info {
|
||||||
|
color: #bd93f9 !important; }
|
||||||
|
.is-comment-mine > .comment-itself {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.is-comment-by-op > .comment-itself {
|
||||||
|
border-color: #bd93f9 !important; }
|
||||||
|
.is-comment-new .comment-itself {
|
||||||
|
border-color: #f1fa8c !important; }
|
||||||
|
.is-comment-new .comment-text {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.conspicuous {
|
||||||
|
color: #ff5555 !important; }
|
||||||
|
.toc {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.highlight {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.highlight > pre {
|
||||||
|
margin-left: 0 !important; }
|
||||||
|
#page-list {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
body {
|
||||||
|
color: #f8f8f2 !important;
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
header a {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
main {
|
||||||
|
font-family: sans-serif; }
|
||||||
|
main,
|
||||||
|
aside {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
blockquote {
|
||||||
|
border-color: #f8f8f2 !important;
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
textarea {
|
||||||
|
border-color: #6272a4 !important;
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
tr {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
td {
|
||||||
|
border-color: #44475a !important;
|
||||||
|
border-bottom-width: 0.2rem !important; }
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
border: none !important;
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
pre {
|
||||||
|
padding: 5px 10px !important; }
|
||||||
|
code {
|
||||||
|
padding: 0 !important; }
|
||||||
|
section {
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
footer {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.tab {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.tab .tab-item a {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.tab .tab-item a:hover {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.tab .tab-item.active a {
|
||||||
|
color: #8be9fd !important;
|
||||||
|
border-bottom-color: #8be9fd !important; }
|
||||||
|
.tab .tab-listing-order {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.form-select {
|
||||||
|
border-color: #6272a4 !important; }
|
||||||
|
.form-select:not([multiple]):not([size]) {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.message {
|
||||||
|
border-top: none !important;
|
||||||
|
border-right: none !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
border-color: #282a36 !important; }
|
||||||
|
.message header {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.message .message-text {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.is-message-mine {
|
||||||
|
border-width: 1px !important;
|
||||||
|
margin-left: 0 !important; }
|
||||||
|
aside#sidebar .group-subscription-count {
|
||||||
|
text-align: center; }
|
||||||
|
body > header > a:nth-child(1) {
|
||||||
|
background-size: 32px 32px !important;
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
|
||||||
|
.label-edit-box {
|
||||||
|
background-color: #282a36 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.user-label {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
padding: 1px 3px !important; }
|
||||||
|
.bg-red {
|
||||||
|
background-color: #ff5555 !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.bg-orangered {
|
||||||
|
background-color: #ffb86c !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-orange {
|
||||||
|
background-color: #f1fa8c !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-dodgerblue {
|
||||||
|
background-color: #8be9fd !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-forestgreen {
|
||||||
|
background-color: #50fa7b !important;
|
||||||
|
color: #282a36 !important; }
|
||||||
|
.bg-slategray {
|
||||||
|
background-color: #44475a !important;
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic-full .topic-full-byline {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic-full .topic-full-byline .link-user {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic-full .topic-full-byline .link-user:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
aside .topic-tags li {
|
||||||
|
color: #f8f8f2 !important; }
|
||||||
|
.topic .topic-content-metadata {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic .topic-text-excerpt {
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.post-listing .topic {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.topic-listing {
|
||||||
|
background-color: #44475a !important; }
|
||||||
|
.topic-listing > li {
|
||||||
|
background-color: #282a36 !important; }
|
||||||
|
.is-topic-official {
|
||||||
|
border-color: #ffb86c !important; }
|
||||||
|
.topic-title a {
|
||||||
|
color: #8be9fd !important; }
|
||||||
|
.topic-title a:visited {
|
||||||
|
color: #ff79c6 !important; }
|
||||||
|
.topic-info .time-responsive {
|
||||||
|
color: #50fa7b !important; }
|
||||||
|
.topic-metadata .topic-tags li {
|
||||||
|
color: #6272a4 !important; }
|
||||||
|
.topic-info-comments-new {
|
||||||
|
color: #f1fa8c !important; } }
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
// Generates all *.user.css styles.
|
||||||
|
|
||||||
|
// Require dependencies
|
||||||
|
// const fs = require('fs')
|
||||||
|
const klawSync = require('klaw-sync')
|
||||||
|
const path = require('path')
|
||||||
|
const userCss = require('usercss-creator')
|
||||||
|
|
||||||
|
// Define constants
|
||||||
|
const stylesDirectory = path.join(__dirname, 'styles')
|
||||||
|
const cssDirectory = path.join(__dirname, 'css')
|
||||||
|
|
||||||
|
let files = klawSync(stylesDirectory, {nodir: true})
|
||||||
|
|
||||||
|
files = files.filter(file => path.extname(file.path) === '.js')
|
||||||
|
|
||||||
|
for (const file of files) {
|
||||||
|
const descriptor = require(file.path)
|
||||||
|
const cssPath = path.join(cssDirectory, descriptor.folder, descriptor.entry)
|
||||||
|
userCss.create(cssPath, descriptor.options)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
{
|
||||||
|
"name": "bauke-styles",
|
||||||
|
"repository": "https://gitlab.com/Bauke/styles",
|
||||||
|
"author": {
|
||||||
|
"name": "Bauke",
|
||||||
|
"email": "me@bauke.xyz"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"scripts": {
|
||||||
|
"watch": "node-sass -w styles -o temp",
|
||||||
|
"release": "yarn lint && yarn build:prod && yarn generate",
|
||||||
|
"generate": "node generate.js",
|
||||||
|
"build:dev": "node-sass styles -o temp",
|
||||||
|
"build:prod": "node-sass styles -o css",
|
||||||
|
"lint": "yarn lint:js && yarn lint:css",
|
||||||
|
"lint:js": "eslint . --color",
|
||||||
|
"lint:css": "stylelint \"styles/**/*.sass\" --color"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"klaw-sync": "^4.0.0",
|
||||||
|
"node-sass": "^4.9.0",
|
||||||
|
"usercss-creator": "^1.0.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"eslint": "^4.19.1",
|
||||||
|
"stylelint": "^9.2.1",
|
||||||
|
"stylelint-config-recommended": "^2.1.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
.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
|
||||||
|
.post-buttons,
|
||||||
|
.comment-votes
|
||||||
|
display: none !important
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
// Descriptor for Tildes Compact
|
||||||
|
|
||||||
|
const entry = 'tildes-compact.css'
|
||||||
|
const folder = 'tildes-compact'
|
||||||
|
|
||||||
|
const options = {
|
||||||
|
name: 'Tildes Compact',
|
||||||
|
namespace: 'tildes.net',
|
||||||
|
version: 'N/A',
|
||||||
|
author: 'Bauke',
|
||||||
|
description: 'Compact theme for Tildes.net',
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
entry: entry,
|
||||||
|
folder: folder,
|
||||||
|
options: options
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
@-moz-document domain('tildes.net')
|
||||||
|
@import '_topic-listings.sass'
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.date-info
|
||||||
|
color: $foreground !important
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.btn
|
||||||
|
border-color: $cyan !important
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
border-color: $purple !important
|
||||||
|
background: none !important
|
||||||
|
color: $purple !important
|
||||||
|
|
||||||
|
.btn-primary
|
||||||
|
border-color: $cyan !important
|
||||||
|
background: $cyan !important
|
||||||
|
color: $comment !important
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
border-color: $comment !important
|
||||||
|
background: $comment !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.btn-used
|
||||||
|
border-color: $pink !important
|
||||||
|
color: $pink !important
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
border-color: $pink !important
|
||||||
|
background: $pink !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.btn-link
|
||||||
|
border-color: transparent !important
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
border-color: transparent !important
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
$foreground: #f8f8f2
|
||||||
|
$background: #282a36
|
||||||
|
$selection: #44475a
|
||||||
|
$current-line: #44475a
|
||||||
|
$comment: #6272a4
|
||||||
|
|
||||||
|
$red: #ff5555
|
||||||
|
$orange: #ffb86c
|
||||||
|
$yellow: #f1fa8c
|
||||||
|
$green: #50fa7b
|
||||||
|
$cyan: #8be9fd
|
||||||
|
$purple: #bd93f9
|
||||||
|
$pink: #ff79c6
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.label-comment-tag-offtopic
|
||||||
|
border-color: $cyan !important
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
.label-comment-tag-joke
|
||||||
|
border-color: $green !important
|
||||||
|
color: $green !important
|
||||||
|
|
||||||
|
.label-comment-tag-flame
|
||||||
|
border-color: $red !important
|
||||||
|
color: $red !important
|
||||||
|
|
||||||
|
.label-comment-tag-troll
|
||||||
|
border-color: $orange !important
|
||||||
|
color: $orange !important
|
||||||
|
|
||||||
|
.label-comment-tag-noise
|
||||||
|
border-color: $yellow !important
|
||||||
|
color: $yellow !important
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.comment
|
||||||
|
border-color: $background !important
|
||||||
|
|
||||||
|
header
|
||||||
|
background-color: $background !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
a.link-user
|
||||||
|
color: $green !important
|
||||||
|
|
||||||
|
a.link-user:visited
|
||||||
|
color: $pink !important
|
||||||
|
|
||||||
|
.comment-user-info
|
||||||
|
color: $purple !important
|
||||||
|
|
||||||
|
.is-comment-mine
|
||||||
|
> .comment-itself
|
||||||
|
border-color: $comment !important
|
||||||
|
|
||||||
|
.is-comment-by-op
|
||||||
|
> .comment-itself
|
||||||
|
border-color: $purple !important
|
||||||
|
|
||||||
|
.is-comment-new
|
||||||
|
.comment-itself
|
||||||
|
border-color: $yellow !important
|
||||||
|
|
||||||
|
.comment-text
|
||||||
|
color: $foreground !important
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.conspicuous
|
||||||
|
color: $red !important
|
||||||
|
|
||||||
|
.toc
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
.highlight
|
||||||
|
background-color: $selection !important
|
||||||
|
|
||||||
|
>pre
|
||||||
|
margin-left: 0 !important
|
||||||
|
|
||||||
|
#page-list
|
||||||
|
background-color: $selection !important
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
body
|
||||||
|
color: $foreground !important
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
header a
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
main
|
||||||
|
font-family: sans-serif
|
||||||
|
|
||||||
|
main,
|
||||||
|
aside
|
||||||
|
background-color: $selection !important
|
||||||
|
|
||||||
|
blockquote
|
||||||
|
border-color: $foreground !important
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
textarea
|
||||||
|
border-color: $comment !important
|
||||||
|
background-color: $background !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
tr
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
td
|
||||||
|
border-color: $selection !important
|
||||||
|
border-bottom-width: 0.2rem !important
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code
|
||||||
|
border: none !important
|
||||||
|
background-color: $background !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
pre
|
||||||
|
padding: 5px 10px !important
|
||||||
|
|
||||||
|
code
|
||||||
|
padding: 0 !important
|
||||||
|
|
||||||
|
section
|
||||||
|
border-color: $background !important
|
||||||
|
|
||||||
|
footer
|
||||||
|
background-color: $background !important
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.tab
|
||||||
|
border-color: $comment !important
|
||||||
|
|
||||||
|
.tab-item
|
||||||
|
a
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
a:hover
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
.tab-item.active
|
||||||
|
a
|
||||||
|
color: $cyan !important
|
||||||
|
border-bottom-color: $cyan !important
|
||||||
|
|
||||||
|
.tab-listing-order
|
||||||
|
border-color: $comment !important
|
||||||
|
|
||||||
|
.form-select
|
||||||
|
border-color: $comment !important
|
||||||
|
|
||||||
|
&:not([multiple])
|
||||||
|
&:not([size])
|
||||||
|
background-color: $selection !important
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.message
|
||||||
|
border-top: none !important
|
||||||
|
border-right: none !important
|
||||||
|
border-bottom: none !important
|
||||||
|
border-color: $background !important
|
||||||
|
|
||||||
|
header
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
.message-text
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.is-message-mine
|
||||||
|
border-width: 1px !important
|
||||||
|
margin-left: 0 !important
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
aside#sidebar
|
||||||
|
.group-subscription-count
|
||||||
|
text-align: center
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
body>header>a:nth-child(1)
|
||||||
|
background-size: 32px 32px !important
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') !important
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.label-edit-box
|
||||||
|
background-color: $background !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.user-label
|
||||||
|
border-radius: 0 !important
|
||||||
|
padding: 1px 3px !important
|
||||||
|
|
||||||
|
.bg-red
|
||||||
|
background-color: $red !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.bg-orangered
|
||||||
|
background-color: $orange !important
|
||||||
|
color: $background !important
|
||||||
|
|
||||||
|
.bg-orange
|
||||||
|
background-color: $yellow !important
|
||||||
|
color: $background !important
|
||||||
|
|
||||||
|
.bg-dodgerblue
|
||||||
|
background-color: $cyan !important
|
||||||
|
color: $background !important
|
||||||
|
|
||||||
|
.bg-forestgreen
|
||||||
|
background-color: $green !important
|
||||||
|
color: $background !important
|
||||||
|
|
||||||
|
.bg-slategray
|
||||||
|
background-color: $selection !important
|
||||||
|
color: $foreground !important
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.topic-full
|
||||||
|
.topic-full-byline
|
||||||
|
color: $foreground !important
|
||||||
|
|
||||||
|
.link-user
|
||||||
|
color: $green !important
|
||||||
|
|
||||||
|
.link-user:visited
|
||||||
|
color: $pink !important
|
||||||
|
|
||||||
|
aside
|
||||||
|
.topic-tags
|
||||||
|
li
|
||||||
|
color: $foreground !important
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
@import '_colors.sass'
|
||||||
|
|
||||||
|
.topic
|
||||||
|
.topic-content-metadata
|
||||||
|
color: $green !important
|
||||||
|
|
||||||
|
.topic-text-excerpt
|
||||||
|
color: $comment !important
|
||||||
|
|
||||||
|
.post-listing
|
||||||
|
.topic
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
.topic-listing
|
||||||
|
background-color: $selection !important
|
||||||
|
|
||||||
|
> li
|
||||||
|
background-color: $background !important
|
||||||
|
|
||||||
|
.is-topic-official
|
||||||
|
border-color: $orange !important
|
||||||
|
|
||||||
|
.topic-title
|
||||||
|
a
|
||||||
|
color: $cyan !important
|
||||||
|
|
||||||
|
a:visited
|
||||||
|
color: $pink !important
|
||||||
|
|
||||||
|
.topic-info
|
||||||
|
.time-responsive
|
||||||
|
color: $green !important
|
||||||
|
|
||||||
|
.topic-metadata .topic-tags li
|
||||||
|
color: $comment !important
|
||||||
|
|
||||||
|
.topic-info-comments-new
|
||||||
|
color: $yellow !important
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
// Descriptor for Tildes Dracula
|
||||||
|
|
||||||
|
const entry = 'tildes-dracula.css'
|
||||||
|
const folder = 'tildes-dracula'
|
||||||
|
|
||||||
|
const options = {
|
||||||
|
name: 'Tildes Dracula',
|
||||||
|
namespace: 'tildes.net',
|
||||||
|
version: 'N/A',
|
||||||
|
author: 'Bauke',
|
||||||
|
description: 'Dracula theme for Tildes.net',
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
entry: entry,
|
||||||
|
folder: folder,
|
||||||
|
options: options
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
@-moz-document domain('tildes.net')
|
||||||
|
@import '_blog.sass'
|
||||||
|
@import '_buttons.sass'
|
||||||
|
@import '_colors.sass'
|
||||||
|
@import '_comment-tags.sass'
|
||||||
|
@import '_comments.sass'
|
||||||
|
@import '_docs.sass'
|
||||||
|
@import '_html-tags.sass'
|
||||||
|
@import '_listing-options.sass'
|
||||||
|
@import '_messages.sass'
|
||||||
|
@import '_sidebar.sass'
|
||||||
|
@import '_site-header.sass'
|
||||||
|
@import '_tildes-extended.sass'
|
||||||
|
@import '_topic-full.sass'
|
||||||
|
@import '_topic-listings.sass'
|
||||||
Loading…
Reference in New Issue