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