From 04bd82cad778d9f75ea2acffc463ce4a3a1f3e00 Mon Sep 17 00:00:00 2001 From: Bauke Date: Thu, 14 Jun 2018 23:42:44 +0200 Subject: [PATCH] Fix permission issue --- .eslintrc.json | 48 +-- .gitignore | 142 +++---- .stylelintrc.json | 14 +- LICENSE.md | 14 +- README.md | 18 +- css/tildes-compact/tildes-compact.css | 52 +-- css/tildes-compact/tildes-compact.user.css | 72 ++-- css/tildes-dracula/tildes-dracula.css | 396 +++++++++---------- css/tildes-dracula/tildes-dracula.user.css | 416 ++++++++++---------- generate.js | 42 +- styles/tildes-compact/_topic-listings.sass | 58 +-- styles/tildes-compact/tildes-compact.js | 36 +- styles/tildes-compact/tildes-compact.sass | 4 +- styles/tildes-dracula/_blog.sass | 8 +- styles/tildes-dracula/_buttons.sass | 70 ++-- styles/tildes-dracula/_colors.sass | 26 +- styles/tildes-dracula/_comment-tags.sass | 42 +- styles/tildes-dracula/_comments.sass | 70 ++-- styles/tildes-dracula/_docs.sass | 32 +- styles/tildes-dracula/_html-tags.sass | 104 ++--- styles/tildes-dracula/_listing-options.sass | 52 +-- styles/tildes-dracula/_messages.sass | 34 +- styles/tildes-dracula/_sidebar.sass | 10 +- styles/tildes-dracula/_site-header.sass | 6 +- styles/tildes-dracula/_tildes-extended.sass | 66 ++-- styles/tildes-dracula/_topic-full.sass | 32 +- styles/tildes-dracula/_topic-listings.sass | 76 ++-- styles/tildes-dracula/tildes-dracula.js | 36 +- styles/tildes-dracula/tildes-dracula.sass | 30 +- 29 files changed, 1003 insertions(+), 1003 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 141a222..7de0f0f 100755 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -1,24 +1,24 @@ -{ - "env": { - "node": true - }, - "parserOptions": { - "sourceType": "module" - }, - "extends": "eslint:recommended", - "rules": { - "indent": [ - "error", - 2 - ], - "no-console": "off", - "quotes": [ - "error", - "single" - ], - "semi": [ - "error", - "never" - ] - } -} +{ + "env": { + "node": true + }, + "parserOptions": { + "sourceType": "module" + }, + "extends": "eslint:recommended", + "rules": { + "indent": [ + "error", + 2 + ], + "no-console": "off", + "quotes": [ + "error", + "single" + ], + "semi": [ + "error", + "never" + ] + } +} diff --git a/.gitignore b/.gitignore index 0de126b..cbc9626 100755 --- a/.gitignore +++ b/.gitignore @@ -1,71 +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 +# 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 diff --git a/.stylelintrc.json b/.stylelintrc.json index c10bf56..4472dfb 100755 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -1,7 +1,7 @@ -{ - "extends": "stylelint-config-recommended", - "rules": { - "indentation": 2, - "string-quotes": "single" - } -} +{ + "extends": "stylelint-config-recommended", + "rules": { + "indentation": 2, + "string-quotes": "single" + } +} diff --git a/LICENSE.md b/LICENSE.md index 65d8186..c7f1526 100755 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,7 +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. +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. diff --git a/README.md b/README.md index e9112b0..7ee012e 100755 --- a/README.md +++ b/README.md @@ -1,9 +1,9 @@ -# Bauke's Styles - -> Collection of my user styles for various websites. - - - -## License - -Licensed under MIT. +# Bauke's Styles + +> Collection of my user styles for various websites. + + + +## License + +Licensed under MIT. diff --git a/css/tildes-compact/tildes-compact.css b/css/tildes-compact/tildes-compact.css index 7ed0b84..4b11fdb 100755 --- a/css/tildes-compact/tildes-compact.css +++ b/css/tildes-compact/tildes-compact.css @@ -1,26 +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; } } +@-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; } } diff --git a/css/tildes-compact/tildes-compact.user.css b/css/tildes-compact/tildes-compact.user.css index 2fcc18b..d777b87 100755 --- a/css/tildes-compact/tildes-compact.user.css +++ b/css/tildes-compact/tildes-compact.user.css @@ -1,36 +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; } } +/* ==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; } } diff --git a/css/tildes-dracula/tildes-dracula.css b/css/tildes-dracula/tildes-dracula.css index 2664c0b..d5d981b 100755 --- a/css/tildes-dracula/tildes-dracula.css +++ b/css/tildes-dracula/tildes-dracula.css @@ -1,198 +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; } } +@-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; } } diff --git a/css/tildes-dracula/tildes-dracula.user.css b/css/tildes-dracula/tildes-dracula.user.css index 78a2516..72c5d79 100755 --- a/css/tildes-dracula/tildes-dracula.user.css +++ b/css/tildes-dracula/tildes-dracula.user.css @@ -1,208 +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; } } +/* ==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; } } diff --git a/generate.js b/generate.js index 6da7442..b900d56 100755 --- a/generate.js +++ b/generate.js @@ -1,21 +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) -} +// 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) +} diff --git a/styles/tildes-compact/_topic-listings.sass b/styles/tildes-compact/_topic-listings.sass index c16105b..44e56a9 100755 --- a/styles/tildes-compact/_topic-listings.sass +++ b/styles/tildes-compact/_topic-listings.sass @@ -1,29 +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 +.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 diff --git a/styles/tildes-compact/tildes-compact.js b/styles/tildes-compact/tildes-compact.js index 7778ea5..39f48ad 100755 --- a/styles/tildes-compact/tildes-compact.js +++ b/styles/tildes-compact/tildes-compact.js @@ -1,18 +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 -} +// 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 +} diff --git a/styles/tildes-compact/tildes-compact.sass b/styles/tildes-compact/tildes-compact.sass index 262b4f0..46353b4 100755 --- a/styles/tildes-compact/tildes-compact.sass +++ b/styles/tildes-compact/tildes-compact.sass @@ -1,2 +1,2 @@ -@-moz-document domain('tildes.net') - @import '_topic-listings.sass' +@-moz-document domain('tildes.net') + @import '_topic-listings.sass' diff --git a/styles/tildes-dracula/_blog.sass b/styles/tildes-dracula/_blog.sass index 15c9e9c..931273a 100755 --- a/styles/tildes-dracula/_blog.sass +++ b/styles/tildes-dracula/_blog.sass @@ -1,4 +1,4 @@ -@import '_colors.sass' - -.date-info - color: $foreground !important +@import '_colors.sass' + +.date-info + color: $foreground !important diff --git a/styles/tildes-dracula/_buttons.sass b/styles/tildes-dracula/_buttons.sass index 4f62718..8a2befd 100755 --- a/styles/tildes-dracula/_buttons.sass +++ b/styles/tildes-dracula/_buttons.sass @@ -1,35 +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 +@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 diff --git a/styles/tildes-dracula/_colors.sass b/styles/tildes-dracula/_colors.sass index 2709f16..81f111d 100755 --- a/styles/tildes-dracula/_colors.sass +++ b/styles/tildes-dracula/_colors.sass @@ -1,13 +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 +$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 diff --git a/styles/tildes-dracula/_comment-tags.sass b/styles/tildes-dracula/_comment-tags.sass index 1d6bcec..170bea2 100755 --- a/styles/tildes-dracula/_comment-tags.sass +++ b/styles/tildes-dracula/_comment-tags.sass @@ -1,21 +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 +@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 diff --git a/styles/tildes-dracula/_comments.sass b/styles/tildes-dracula/_comments.sass index 012c073..88c1ef9 100755 --- a/styles/tildes-dracula/_comments.sass +++ b/styles/tildes-dracula/_comments.sass @@ -1,35 +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 +@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 diff --git a/styles/tildes-dracula/_docs.sass b/styles/tildes-dracula/_docs.sass index cf8feb5..2dce818 100755 --- a/styles/tildes-dracula/_docs.sass +++ b/styles/tildes-dracula/_docs.sass @@ -1,16 +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 +@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 diff --git a/styles/tildes-dracula/_html-tags.sass b/styles/tildes-dracula/_html-tags.sass index 8267d28..025075f 100755 --- a/styles/tildes-dracula/_html-tags.sass +++ b/styles/tildes-dracula/_html-tags.sass @@ -1,52 +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 +@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 diff --git a/styles/tildes-dracula/_listing-options.sass b/styles/tildes-dracula/_listing-options.sass index 88c4b5f..215d5f3 100755 --- a/styles/tildes-dracula/_listing-options.sass +++ b/styles/tildes-dracula/_listing-options.sass @@ -1,26 +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 +@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 diff --git a/styles/tildes-dracula/_messages.sass b/styles/tildes-dracula/_messages.sass index 7177927..2d432dc 100755 --- a/styles/tildes-dracula/_messages.sass +++ b/styles/tildes-dracula/_messages.sass @@ -1,17 +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 +@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 diff --git a/styles/tildes-dracula/_sidebar.sass b/styles/tildes-dracula/_sidebar.sass index 5d33a1b..f3a326a 100755 --- a/styles/tildes-dracula/_sidebar.sass +++ b/styles/tildes-dracula/_sidebar.sass @@ -1,5 +1,5 @@ -@import '_colors.sass' - -aside#sidebar - .group-subscription-count - text-align: center +@import '_colors.sass' + +aside#sidebar + .group-subscription-count + text-align: center diff --git a/styles/tildes-dracula/_site-header.sass b/styles/tildes-dracula/_site-header.sass index 44749c6..b1f601a 100755 --- a/styles/tildes-dracula/_site-header.sass +++ b/styles/tildes-dracula/_site-header.sass @@ -1,3 +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 +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 diff --git a/styles/tildes-dracula/_tildes-extended.sass b/styles/tildes-dracula/_tildes-extended.sass index 307e06b..876d5b6 100755 --- a/styles/tildes-dracula/_tildes-extended.sass +++ b/styles/tildes-dracula/_tildes-extended.sass @@ -1,33 +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 +@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 diff --git a/styles/tildes-dracula/_topic-full.sass b/styles/tildes-dracula/_topic-full.sass index 68d88c8..fdfdf15 100755 --- a/styles/tildes-dracula/_topic-full.sass +++ b/styles/tildes-dracula/_topic-full.sass @@ -1,16 +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 +@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 diff --git a/styles/tildes-dracula/_topic-listings.sass b/styles/tildes-dracula/_topic-listings.sass index 07c37db..dd3cc10 100755 --- a/styles/tildes-dracula/_topic-listings.sass +++ b/styles/tildes-dracula/_topic-listings.sass @@ -1,38 +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 +@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 diff --git a/styles/tildes-dracula/tildes-dracula.js b/styles/tildes-dracula/tildes-dracula.js index 0961084..20a3221 100755 --- a/styles/tildes-dracula/tildes-dracula.js +++ b/styles/tildes-dracula/tildes-dracula.js @@ -1,18 +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 -} +// 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 +} diff --git a/styles/tildes-dracula/tildes-dracula.sass b/styles/tildes-dracula/tildes-dracula.sass index 0af6dae..36e7c71 100755 --- a/styles/tildes-dracula/tildes-dracula.sass +++ b/styles/tildes-dracula/tildes-dracula.sass @@ -1,15 +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' +@-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'