diff --git a/css/tildes-compact/tildes-compact.user.css b/css/tildes-compact/tildes-compact.user.css index faff9c4..6d331e6 100755 --- a/css/tildes-compact/tildes-compact.user.css +++ b/css/tildes-compact/tildes-compact.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Tildes Compact @namespace tildes.net -@version 2.0.0 +@version 3.0.0 @author Bauke @description Compact theme for Tildes.net @homepageURL https://gitlab.com/Bauke/styles diff --git a/css/tildes-dracula/tildes-dracula.user.css b/css/tildes-dracula/tildes-dracula.user.css index 184220b..d731d63 100755 --- a/css/tildes-dracula/tildes-dracula.user.css +++ b/css/tildes-dracula/tildes-dracula.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Tildes Dracula @namespace tildes.net -@version 2.0.0 +@version 3.0.0 @author Bauke @description Dracula theme for Tildes.net @homepageURL https://gitlab.com/Bauke/styles diff --git a/css/tildes-monokai/tildes-monokai.css b/css/tildes-monokai/tildes-monokai.css new file mode 100644 index 0000000..5a6891f --- /dev/null +++ b/css/tildes-monokai/tildes-monokai.css @@ -0,0 +1,253 @@ +body .btn.btn-comment-collapse, body.theme-light .btn.btn-comment-collapse, body.theme-dark .btn.btn-comment-collapse, body.theme-black .btn.btn-comment-collapse { color: #E6DB74; border-color: #E6DB74; } + +body .btn.btn-comment-collapse:hover, body .btn.btn-comment-collapse:active, body .btn.btn-comment-collapse:focus, body.theme-light .btn.btn-comment-collapse:hover, body.theme-light .btn.btn-comment-collapse:active, body.theme-light .btn.btn-comment-collapse:focus, body.theme-dark .btn.btn-comment-collapse:hover, body.theme-dark .btn.btn-comment-collapse:active, body.theme-dark .btn.btn-comment-collapse:focus, body.theme-black .btn.btn-comment-collapse:hover, body.theme-black .btn.btn-comment-collapse:active, body.theme-black .btn.btn-comment-collapse:focus { color: #F92672; border-color: #F92672; background-color: transparent; } + +.btn, .btn.btn-link, #next-page { color: #E6DB74; border-color: #E6DB74; } + +.btn:hover, .btn:active, .btn:focus, .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus, #next-page:hover, #next-page:active, #next-page:focus { color: #F92672; border-color: #F92672; background-color: transparent; } + +.btn.btn-used { color: #F92672; border-color: #F92672; } + +.btn.btn-primary { color: #272822; border-color: #E6DB74; background-color: #E6DB74; } + +.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { color: #272822; border-color: #F92672; background-color: #F92672; } + +body section.topic-comments, body.theme-light section.topic-comments, body.theme-dark section.topic-comments, body.theme-black section.topic-comments { border-color: #595959; } + +body section.topic-comments .comment, body.theme-light section.topic-comments .comment, body.theme-dark section.topic-comments .comment, body.theme-black section.topic-comments .comment { border-color: #272822; } + +body section.topic-comments .is-comment-new .comment-text, body.theme-light section.topic-comments .is-comment-new .comment-text, body.theme-dark section.topic-comments .is-comment-new .comment-text, body.theme-black section.topic-comments .is-comment-new .comment-text { color: #E6E6E6; } + +body section.topic-comments .comment-itself header, body.theme-light section.topic-comments .comment-itself header, body.theme-dark section.topic-comments .comment-itself header, body.theme-black section.topic-comments .comment-itself header { color: #E6E6E6; background-color: #272822; } + +body section.topic-comments header a, body.theme-light section.topic-comments header a, body.theme-dark section.topic-comments header a, body.theme-black section.topic-comments header a { color: #E6DB74; } + +body section.topic-comments header a:hover, body section.topic-comments header a:active, body section.topic-comments header a:focus, body.theme-light section.topic-comments header a:hover, body.theme-light section.topic-comments header a:active, body.theme-light section.topic-comments header a:focus, body.theme-dark section.topic-comments header a:hover, body.theme-dark section.topic-comments header a:active, body.theme-dark section.topic-comments header a:focus, body.theme-black section.topic-comments header a:hover, body.theme-black section.topic-comments header a:active, body.theme-black section.topic-comments header a:focus { color: #F92672; } + +body section.topic-comments .post-button, body.theme-light section.topic-comments .post-button, body.theme-dark section.topic-comments .post-button, body.theme-black section.topic-comments .post-button { color: #E6DB74; } + +body section.topic-comments .post-button:hover, body section.topic-comments .post-button:active, body section.topic-comments .post-button:focus, body.theme-light section.topic-comments .post-button:hover, body.theme-light section.topic-comments .post-button:active, body.theme-light section.topic-comments .post-button:focus, body.theme-dark section.topic-comments .post-button:hover, body.theme-dark section.topic-comments .post-button:active, body.theme-dark section.topic-comments .post-button:focus, body.theme-black section.topic-comments .post-button:hover, body.theme-black section.topic-comments .post-button:active, body.theme-black section.topic-comments .post-button:focus { color: #F92672; } + +body section.topic-comments .post-button-used, body.theme-light section.topic-comments .post-button-used, body.theme-dark section.topic-comments .post-button-used, body.theme-black section.topic-comments .post-button-used { color: #F92672; } + +.comment-text a { color: #E6DB74; } + +.comment-text a:hover, .comment-text a:active, .comment-text a:focus { color: #F92672; } + +.is-comment-mine > .comment-itself { border-left-color: #AE81FF !important; } + +.is-comment-by-op > .comment-itself { border-left-color: #FD5FF1 !important; } + +.is-comment-by-op > .comment-itself .comment-user-info { color: #FD5FF1; } + +.is-comment-new > .comment-itself { border-left-color: #89BDFF !important; } + +body, body.theme-light, body.theme-dark, body.theme-black { color: #E6E6E6; background-color: #272822; } + +body main, body.theme-light main, body.theme-dark main, body.theme-black main { background-color: #383830; } + +body pre, body code, body.theme-light pre, body.theme-light code, body.theme-dark pre, body.theme-dark code, body.theme-black pre, body.theme-black code { padding: 0.05rem 0.3rem; line-height: inherit; color: #E6E6E6; background-color: #272822; font-family: 'Consolas', monospace; } + +body .form-input, body .form-input:not(:focus), body.theme-light .form-input, body.theme-light .form-input:not(:focus), body.theme-dark .form-input, body.theme-dark .form-input:not(:focus), body.theme-black .form-input, body.theme-black .form-input:not(:focus) { color: #E6E6E6; border-color: #595959; background-color: #272822; width: 40rem; max-width: 40rem; min-width: 40rem; } + +body .form-input::placeholder, body .form-input:not(:focus)::placeholder, body.theme-light .form-input::placeholder, body.theme-light .form-input:not(:focus)::placeholder, body.theme-dark .form-input::placeholder, body.theme-dark .form-input:not(:focus)::placeholder, body.theme-black .form-input::placeholder, body.theme-black .form-input:not(:focus)::placeholder { color: #595959; } + +body hr, body section, body.theme-light hr, body.theme-light section, body.theme-dark hr, body.theme-dark section, body.theme-black hr, body.theme-black section { border-color: #595959; } + +body blockquote, body.theme-light blockquote, body.theme-dark blockquote, body.theme-black blockquote { color: #E6E6E6; border-color: #E6E6E6; background-color: #272822; } + +body .table td, body .table th, body.theme-light .table td, body.theme-light .table th, body.theme-dark .table td, body.theme-dark .table th, body.theme-black .table td, body.theme-black .table th { border-bottom: 1px solid #383830; } + +.listing-options { color: #E6E6E6; } + +.listing-options .tab-listing-order { border: none; } + +.listing-options button { border: none; } + +.listing-options .tab-item a { color: #E6DB74; } + +.listing-options .tab-item a:hover, .listing-options .tab-item a:active, .listing-options .tab-item a:focus { color: #F92672; } + +.listing-options .tab-item:last-child a { margin-right: 0; } + +.listing-options .tab-item:last-child a:hover, .listing-options .tab-item:last-child a:active, .listing-options .tab-item:last-child a:focus { color: #F92672; } + +.listing-options .tab-item.active a { color: #F92672; border-color: #F92672; } + +.listing-options .tab-item.active a:hover { color: #F92672; } + +body .form-select:not([multiple]):not([size]), body.theme-light .form-select:not([multiple]):not([size]), body.theme-dark .form-select:not([multiple]):not([size]), body.theme-black .form-select:not([multiple]):not([size]) { border-color: #595959; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23E6E6E6'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem; background-color: #272822; } + +body .table.table-striped tbody tr:nth-of-type(n), body.theme-light .table.table-striped tbody tr:nth-of-type(n), body.theme-dark .table.table-striped tbody tr:nth-of-type(n), body.theme-black .table.table-striped tbody tr:nth-of-type(n) { background-color: #272822; } + +.message-list a { color: #E6DB74; } + +.message-list a:hover, .message-list a:active, .message-list a:focus { color: #F92672; } + +.message-list a:visited { color: #E6DB74; } + +.message-list a:visited:hover, .message-list a:visited:active, .message-list a:visited:focus { color: #F92672; } + +body .post-listing h2 a, body .post-listing .topic-group a, body.theme-light .post-listing h2 a, body.theme-light .post-listing .topic-group a, body.theme-dark .post-listing h2 a, body.theme-dark .post-listing .topic-group a, body.theme-black .post-listing h2 a, body.theme-black .post-listing .topic-group a { color: #E6DB74; } + +body .post-listing h2 a:hover, body .post-listing h2 a:active, body .post-listing h2 a:focus, body .post-listing .topic-group a:hover, body .post-listing .topic-group a:active, body .post-listing .topic-group a:focus, body.theme-light .post-listing h2 a:hover, body.theme-light .post-listing h2 a:active, body.theme-light .post-listing h2 a:focus, body.theme-light .post-listing .topic-group a:hover, body.theme-light .post-listing .topic-group a:active, body.theme-light .post-listing .topic-group a:focus, body.theme-dark .post-listing h2 a:hover, body.theme-dark .post-listing h2 a:active, body.theme-dark .post-listing h2 a:focus, body.theme-dark .post-listing .topic-group a:hover, body.theme-dark .post-listing .topic-group a:active, body.theme-dark .post-listing .topic-group a:focus, body.theme-black .post-listing h2 a:hover, body.theme-black .post-listing h2 a:active, body.theme-black .post-listing h2 a:focus, body.theme-black .post-listing .topic-group a:hover, body.theme-black .post-listing .topic-group a:active, body.theme-black .post-listing .topic-group a:focus { color: #F92672; } + +body .post-listing .topic-content-metadata, body.theme-light .post-listing .topic-content-metadata, body.theme-dark .post-listing .topic-content-metadata, body.theme-black .post-listing .topic-content-metadata { color: #E6E6E6; } + +body .post-listing header, body.theme-light .post-listing header, body.theme-dark .post-listing header, body.theme-black .post-listing header { color: #E6E6E6; background-color: #272822; } + +body .post-listing header a, body.theme-light .post-listing header a, body.theme-dark .post-listing header a, body.theme-black .post-listing header a { color: #E6DB74; } + +body .post-listing header a:hover, body .post-listing header a:active, body .post-listing header a:focus, body.theme-light .post-listing header a:hover, body.theme-light .post-listing header a:active, body.theme-light .post-listing header a:focus, body.theme-dark .post-listing header a:hover, body.theme-dark .post-listing header a:active, body.theme-dark .post-listing header a:focus, body.theme-black .post-listing header a:hover, body.theme-black .post-listing header a:active, body.theme-black .post-listing header a:focus { color: #F92672; } + +body .post-listing .post-button, body.theme-light .post-listing .post-button, body.theme-dark .post-listing .post-button, body.theme-black .post-listing .post-button { color: #E6DB74; } + +body .post-listing .post-button:hover, body .post-listing .post-button:active, body .post-listing .post-button:focus, body.theme-light .post-listing .post-button:hover, body.theme-light .post-listing .post-button:active, body.theme-light .post-listing .post-button:focus, body.theme-dark .post-listing .post-button:hover, body.theme-dark .post-listing .post-button:active, body.theme-dark .post-listing .post-button:focus, body.theme-black .post-listing .post-button:hover, body.theme-black .post-listing .post-button:active, body.theme-black .post-listing .post-button:focus { color: #F92672; } + +body .post-listing .post-button-used, body.theme-light .post-listing .post-button-used, body.theme-dark .post-listing .post-button-used, body.theme-black .post-listing .post-button-used { color: #F92672; } + +body .post-listing .comment, body.theme-light .post-listing .comment, body.theme-dark .post-listing .comment, body.theme-black .post-listing .comment { border-color: #272822; } + +body .post-listing .topic, body.theme-light .post-listing .topic, body.theme-dark .post-listing .topic, body.theme-black .post-listing .topic { background-color: #272822; } + +body .post-listing .label-topic-tag, body.theme-light .post-listing .label-topic-tag, body.theme-dark .post-listing .label-topic-tag, body.theme-black .post-listing .label-topic-tag { color: #595959; } + +body .post-listing .label-topic-tag:hover, body .post-listing .label-topic-tag:active, body .post-listing .label-topic-tag:focus, body.theme-light .post-listing .label-topic-tag:hover, body.theme-light .post-listing .label-topic-tag:active, body.theme-light .post-listing .label-topic-tag:focus, body.theme-dark .post-listing .label-topic-tag:hover, body.theme-dark .post-listing .label-topic-tag:active, body.theme-dark .post-listing .label-topic-tag:focus, body.theme-black .post-listing .label-topic-tag:hover, body.theme-black .post-listing .label-topic-tag:active, body.theme-black .post-listing .label-topic-tag:focus { color: #E6E6E6; cursor: default; } + +body .post-listing .topic-text-excerpt, body.theme-light .post-listing .topic-text-excerpt, body.theme-dark .post-listing .topic-text-excerpt, body.theme-black .post-listing .topic-text-excerpt { color: #595959; } + +body .post-listing .topic-text-excerpt[open], body.theme-light .post-listing .topic-text-excerpt[open], body.theme-dark .post-listing .topic-text-excerpt[open], body.theme-black .post-listing .topic-text-excerpt[open] { color: #595959; } + +body .post-listing .topic-text-excerpt summary::after, body .post-listing .topic-text-excerpt p, body .post-listing .topic-text-excerpt p *, body.theme-light .post-listing .topic-text-excerpt summary::after, body.theme-light .post-listing .topic-text-excerpt p, body.theme-light .post-listing .topic-text-excerpt p *, body.theme-dark .post-listing .topic-text-excerpt summary::after, body.theme-dark .post-listing .topic-text-excerpt p, body.theme-dark .post-listing .topic-text-excerpt p *, body.theme-black .post-listing .topic-text-excerpt summary::after, body.theme-black .post-listing .topic-text-excerpt p, body.theme-black .post-listing .topic-text-excerpt p * { color: #595959; } + +.post-listing .link-user { color: #A6E22A; } + +.post-listing .link-user:hover, .post-listing .link-user:active, .post-listing .link-user:focus { color: #F92672; } + +.post-listing .link-user:visited { color: #A6E22A; } + +.post-listing .link-user:visited:hover, .post-listing .link-user:visited:active, .post-listing .link-user:visited:focus { color: #F92672; } + +.post-listing .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.post-listing .time-responsive-full { color: #E6E6E6; } + +.post-listing .link-group, .post-listing .topic-info-comments a { color: #E6DB74; } + +.post-listing .link-group .topic-info-comments-new, .post-listing .topic-info-comments a .topic-info-comments-new { color: #89BDFF; } + +.post-listing .link-group:hover, .post-listing .link-group:active, .post-listing .link-group:focus, .post-listing .topic-info-comments a:hover, .post-listing .topic-info-comments a:active, .post-listing .topic-info-comments a:focus { color: #F92672; } + +.post-listing .link-group:hover .topic-info-comments-new, .post-listing .link-group:active .topic-info-comments-new, .post-listing .link-group:focus .topic-info-comments-new, .post-listing .topic-info-comments a:hover .topic-info-comments-new, .post-listing .topic-info-comments a:active .topic-info-comments-new, .post-listing .topic-info-comments a:focus .topic-info-comments-new { color: #F92672; } + +.post-listing .link-group:visited, .post-listing .topic-info-comments a:visited { color: #E6DB74; } + +.post-listing .link-group:visited:hover, .post-listing .link-group:visited:active, .post-listing .link-group:visited:focus, .post-listing .topic-info-comments a:visited:hover, .post-listing .topic-info-comments a:visited:active, .post-listing .topic-info-comments a:visited:focus { color: #F92672; } + +.post-listing .link-group:visited:hover .topic-info-comments-new, .post-listing .link-group:visited:active .topic-info-comments-new, .post-listing .link-group:visited:focus .topic-info-comments-new, .post-listing .topic-info-comments a:visited:hover .topic-info-comments-new, .post-listing .topic-info-comments a:visited:active .topic-info-comments-new, .post-listing .topic-info-comments a:visited:focus .topic-info-comments-new { color: #F92672; } + +.settings-list a { color: #E6DB74; } + +.settings-list a:hover, .settings-list a:active, .settings-list a:focus { color: #F92672; } + +.settings-list a:visited { color: #E6DB74; } + +.settings-list a:visited:hover, .settings-list a:visited:active, .settings-list a:visited:focus { color: #F92672; } + +body aside#sidebar, body.theme-light aside#sidebar, body.theme-dark aside#sidebar, body.theme-black aside#sidebar { color: #E6E6E6; background-color: #383830; } + +body aside#sidebar ul .label-topic-tag a, body.theme-light aside#sidebar ul .label-topic-tag a, body.theme-dark aside#sidebar ul .label-topic-tag a, body.theme-black aside#sidebar ul .label-topic-tag a { color: #E6E6E6; } + +body aside#sidebar ul .label-topic-tag a:hover, body aside#sidebar ul .label-topic-tag a:active, body aside#sidebar ul .label-topic-tag a:focus, body.theme-light aside#sidebar ul .label-topic-tag a:hover, body.theme-light aside#sidebar ul .label-topic-tag a:active, body.theme-light aside#sidebar ul .label-topic-tag a:focus, body.theme-dark aside#sidebar ul .label-topic-tag a:hover, body.theme-dark aside#sidebar ul .label-topic-tag a:active, body.theme-dark aside#sidebar ul .label-topic-tag a:focus, body.theme-black aside#sidebar ul .label-topic-tag a:hover, body.theme-black aside#sidebar ul .label-topic-tag a:active, body.theme-black aside#sidebar ul .label-topic-tag a:focus { color: #F92672; } + +body aside#sidebar details .label-topic-tag, body.theme-light aside#sidebar details .label-topic-tag, body.theme-dark aside#sidebar details .label-topic-tag, body.theme-black aside#sidebar details .label-topic-tag { color: #595959; } + +body aside#sidebar details .label-topic-tag:hover, body.theme-light aside#sidebar details .label-topic-tag:hover, body.theme-dark aside#sidebar details .label-topic-tag:hover, body.theme-black aside#sidebar details .label-topic-tag:hover { color: #E6E6E6; cursor: default; } + +aside#sidebar .nav-item a { color: #E6DB74; } + +aside#sidebar .nav-item a:hover, aside#sidebar .nav-item a:active, aside#sidebar .nav-item a:focus { color: #F92672; } + +aside#sidebar details a.btn { margin-top: 0.4rem; } + +aside#sidebar dl a { color: #89BDFF; } + +aside#sidebar dl a:hover, aside#sidebar dl a:active, aside#sidebar dl a:focus { color: #F92672; } + +#site-header *:not(.logged-in-user-alert) { color: #E6E6E6; } + +.logged-in-user-info .logged-in-user-alert { color: #89BDFF; } + +body .topic-full header .topic-full-byline, body.theme-light .topic-full header .topic-full-byline, body.theme-dark .topic-full header .topic-full-byline, body.theme-black .topic-full header .topic-full-byline { color: #E6E6E6; } + +body .topic-full header .link-user, body.theme-light .topic-full header .link-user, body.theme-dark .topic-full header .link-user, body.theme-black .topic-full header .link-user { color: #A6E22A; } + +body .topic-full header .link-user:hover, body .topic-full header .link-user:active, body .topic-full header .link-user:focus, body.theme-light .topic-full header .link-user:hover, body.theme-light .topic-full header .link-user:active, body.theme-light .topic-full header .link-user:focus, body.theme-dark .topic-full header .link-user:hover, body.theme-dark .topic-full header .link-user:active, body.theme-dark .topic-full header .link-user:focus, body.theme-black .topic-full header .link-user:hover, body.theme-black .topic-full header .link-user:active, body.theme-black .topic-full header .link-user:focus { color: #F92672; } + +body .topic-full header .link-user:visited, body.theme-light .topic-full header .link-user:visited, body.theme-dark .topic-full header .link-user:visited, body.theme-black .topic-full header .link-user:visited { color: #A6E22A; } + +body .topic-full header .link-user:visited:hover, body .topic-full header .link-user:visited:active, body .topic-full header .link-user:visited:focus, body.theme-light .topic-full header .link-user:visited:hover, body.theme-light .topic-full header .link-user:visited:active, body.theme-light .topic-full header .link-user:visited:focus, body.theme-dark .topic-full header .link-user:visited:hover, body.theme-dark .topic-full header .link-user:visited:active, body.theme-dark .topic-full header .link-user:visited:focus, body.theme-black .topic-full header .link-user:visited:hover, body.theme-black .topic-full header .link-user:visited:active, body.theme-black .topic-full header .link-user:visited:focus { color: #F92672; } + +.topic-full .topic-full-text a { color: #E6DB74; } + +.topic-full .topic-full-text a:hover, .topic-full .topic-full-text a:active, .topic-full .topic-full-text a:focus { color: #F92672; } + +.topic-full .topic-full-text a:visited { color: #F92672; } + +.topic-full .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.topic-full .topic-full-link a { color: #E6DB74; } + +.topic-full .topic-full-link a:hover, .topic-full .topic-full-link a:active, .topic-full .topic-full-link a:focus { color: #F92672; } + +.topic-full .topic-full-link a:visited { color: #F92672; } + +body .topic-listing > li:nth-of-type(n), body.theme-light .topic-listing > li:nth-of-type(n), body.theme-dark .topic-listing > li:nth-of-type(n), body.theme-black .topic-listing > li:nth-of-type(n) { background-color: #272822; } + +body .topic-listing > li:nth-of-type(n) div.topic-voting, body .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-light .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-light .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-dark .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-black .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-black .topic-listing > li:nth-of-type(n) .topic-content-metadata { color: #E6E6E6; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open] { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt p * { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus { color: #F92672; } + +.topic-listing .topic-title a { color: #E6DB74; } + +.topic-listing .topic-title a:hover, .topic-listing .topic-title a:active, .topic-listing .topic-title a:focus { color: #F92672; } + +.topic-listing .topic-title a:visited { color: #F92672; } + +.topic-listing .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.topic-listing .link-group, .topic-listing .topic-info-comments a { color: #E6DB74; } + +.topic-listing .link-group .topic-info-comments-new, .topic-listing .topic-info-comments a .topic-info-comments-new { color: #89BDFF; } + +.topic-listing .link-group:hover, .topic-listing .link-group:active, .topic-listing .link-group:focus, .topic-listing .topic-info-comments a:hover, .topic-listing .topic-info-comments a:active, .topic-listing .topic-info-comments a:focus { color: #F92672; } + +.topic-listing .link-group:hover .topic-info-comments-new, .topic-listing .link-group:active .topic-info-comments-new, .topic-listing .link-group:focus .topic-info-comments-new, .topic-listing .topic-info-comments a:hover .topic-info-comments-new, .topic-listing .topic-info-comments a:active .topic-info-comments-new, .topic-listing .topic-info-comments a:focus .topic-info-comments-new { color: #F92672; } + +.topic-listing .link-group:visited, .topic-listing .topic-info-comments a:visited { color: #E6DB74; } + +.topic-listing .link-group:visited:hover, .topic-listing .link-group:visited:active, .topic-listing .link-group:visited:focus, .topic-listing .topic-info-comments a:visited:hover, .topic-listing .topic-info-comments a:visited:active, .topic-listing .topic-info-comments a:visited:focus { color: #F92672; } + +.topic-listing .link-group:visited:hover .topic-info-comments-new, .topic-listing .link-group:visited:active .topic-info-comments-new, .topic-listing .link-group:visited:focus .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:hover .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:active .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:focus .topic-info-comments-new { color: #F92672; } + +.topic-listing .link-user { color: #A6E22A; } + +.topic-listing .link-user:hover, .topic-listing .link-user:active, .topic-listing .link-user:focus { color: #F92672; } + +.topic-listing .link-user:visited { color: #A6E22A; } + +.topic-listing .link-user:visited:hover, .topic-listing .link-user:visited:active, .topic-listing .link-user:visited:focus { color: #F92672; } + +.topic-listing .time-responsive-full { color: #E6E6E6; } + +.is-topic-official { border-left-color: #F92672 !important; } + +.is-topic-mine { border-left-color: #AE81FF !important; } diff --git a/css/tildes-monokai/tildes-monokai.user.css b/css/tildes-monokai/tildes-monokai.user.css new file mode 100644 index 0000000..3e767e1 --- /dev/null +++ b/css/tildes-monokai/tildes-monokai.user.css @@ -0,0 +1,263 @@ +/* ==UserStyle== +@name Tildes Monokai +@namespace tildes.net +@version 3.0.0 +@author Bauke +@description Monokai theme for Tildes.net +@homepageURL https://gitlab.com/Bauke/styles +@supportURL https://gitlab.com/Bauke/styles/issues +@license MIT +==/UserStyle== */ +body .btn.btn-comment-collapse, body.theme-light .btn.btn-comment-collapse, body.theme-dark .btn.btn-comment-collapse, body.theme-black .btn.btn-comment-collapse { color: #E6DB74; border-color: #E6DB74; } + +body .btn.btn-comment-collapse:hover, body .btn.btn-comment-collapse:active, body .btn.btn-comment-collapse:focus, body.theme-light .btn.btn-comment-collapse:hover, body.theme-light .btn.btn-comment-collapse:active, body.theme-light .btn.btn-comment-collapse:focus, body.theme-dark .btn.btn-comment-collapse:hover, body.theme-dark .btn.btn-comment-collapse:active, body.theme-dark .btn.btn-comment-collapse:focus, body.theme-black .btn.btn-comment-collapse:hover, body.theme-black .btn.btn-comment-collapse:active, body.theme-black .btn.btn-comment-collapse:focus { color: #F92672; border-color: #F92672; background-color: transparent; } + +.btn, .btn.btn-link, #next-page { color: #E6DB74; border-color: #E6DB74; } + +.btn:hover, .btn:active, .btn:focus, .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus, #next-page:hover, #next-page:active, #next-page:focus { color: #F92672; border-color: #F92672; background-color: transparent; } + +.btn.btn-used { color: #F92672; border-color: #F92672; } + +.btn.btn-primary { color: #272822; border-color: #E6DB74; background-color: #E6DB74; } + +.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { color: #272822; border-color: #F92672; background-color: #F92672; } + +body section.topic-comments, body.theme-light section.topic-comments, body.theme-dark section.topic-comments, body.theme-black section.topic-comments { border-color: #595959; } + +body section.topic-comments .comment, body.theme-light section.topic-comments .comment, body.theme-dark section.topic-comments .comment, body.theme-black section.topic-comments .comment { border-color: #272822; } + +body section.topic-comments .is-comment-new .comment-text, body.theme-light section.topic-comments .is-comment-new .comment-text, body.theme-dark section.topic-comments .is-comment-new .comment-text, body.theme-black section.topic-comments .is-comment-new .comment-text { color: #E6E6E6; } + +body section.topic-comments .comment-itself header, body.theme-light section.topic-comments .comment-itself header, body.theme-dark section.topic-comments .comment-itself header, body.theme-black section.topic-comments .comment-itself header { color: #E6E6E6; background-color: #272822; } + +body section.topic-comments header a, body.theme-light section.topic-comments header a, body.theme-dark section.topic-comments header a, body.theme-black section.topic-comments header a { color: #E6DB74; } + +body section.topic-comments header a:hover, body section.topic-comments header a:active, body section.topic-comments header a:focus, body.theme-light section.topic-comments header a:hover, body.theme-light section.topic-comments header a:active, body.theme-light section.topic-comments header a:focus, body.theme-dark section.topic-comments header a:hover, body.theme-dark section.topic-comments header a:active, body.theme-dark section.topic-comments header a:focus, body.theme-black section.topic-comments header a:hover, body.theme-black section.topic-comments header a:active, body.theme-black section.topic-comments header a:focus { color: #F92672; } + +body section.topic-comments .post-button, body.theme-light section.topic-comments .post-button, body.theme-dark section.topic-comments .post-button, body.theme-black section.topic-comments .post-button { color: #E6DB74; } + +body section.topic-comments .post-button:hover, body section.topic-comments .post-button:active, body section.topic-comments .post-button:focus, body.theme-light section.topic-comments .post-button:hover, body.theme-light section.topic-comments .post-button:active, body.theme-light section.topic-comments .post-button:focus, body.theme-dark section.topic-comments .post-button:hover, body.theme-dark section.topic-comments .post-button:active, body.theme-dark section.topic-comments .post-button:focus, body.theme-black section.topic-comments .post-button:hover, body.theme-black section.topic-comments .post-button:active, body.theme-black section.topic-comments .post-button:focus { color: #F92672; } + +body section.topic-comments .post-button-used, body.theme-light section.topic-comments .post-button-used, body.theme-dark section.topic-comments .post-button-used, body.theme-black section.topic-comments .post-button-used { color: #F92672; } + +.comment-text a { color: #E6DB74; } + +.comment-text a:hover, .comment-text a:active, .comment-text a:focus { color: #F92672; } + +.is-comment-mine > .comment-itself { border-left-color: #AE81FF !important; } + +.is-comment-by-op > .comment-itself { border-left-color: #FD5FF1 !important; } + +.is-comment-by-op > .comment-itself .comment-user-info { color: #FD5FF1; } + +.is-comment-new > .comment-itself { border-left-color: #89BDFF !important; } + +body, body.theme-light, body.theme-dark, body.theme-black { color: #E6E6E6; background-color: #272822; } + +body main, body.theme-light main, body.theme-dark main, body.theme-black main { background-color: #383830; } + +body pre, body code, body.theme-light pre, body.theme-light code, body.theme-dark pre, body.theme-dark code, body.theme-black pre, body.theme-black code { padding: 0.05rem 0.3rem; line-height: inherit; color: #E6E6E6; background-color: #272822; font-family: 'Consolas', monospace; } + +body .form-input, body .form-input:not(:focus), body.theme-light .form-input, body.theme-light .form-input:not(:focus), body.theme-dark .form-input, body.theme-dark .form-input:not(:focus), body.theme-black .form-input, body.theme-black .form-input:not(:focus) { color: #E6E6E6; border-color: #595959; background-color: #272822; width: 40rem; max-width: 40rem; min-width: 40rem; } + +body .form-input::placeholder, body .form-input:not(:focus)::placeholder, body.theme-light .form-input::placeholder, body.theme-light .form-input:not(:focus)::placeholder, body.theme-dark .form-input::placeholder, body.theme-dark .form-input:not(:focus)::placeholder, body.theme-black .form-input::placeholder, body.theme-black .form-input:not(:focus)::placeholder { color: #595959; } + +body hr, body section, body.theme-light hr, body.theme-light section, body.theme-dark hr, body.theme-dark section, body.theme-black hr, body.theme-black section { border-color: #595959; } + +body blockquote, body.theme-light blockquote, body.theme-dark blockquote, body.theme-black blockquote { color: #E6E6E6; border-color: #E6E6E6; background-color: #272822; } + +body .table td, body .table th, body.theme-light .table td, body.theme-light .table th, body.theme-dark .table td, body.theme-dark .table th, body.theme-black .table td, body.theme-black .table th { border-bottom: 1px solid #383830; } + +.listing-options { color: #E6E6E6; } + +.listing-options .tab-listing-order { border: none; } + +.listing-options button { border: none; } + +.listing-options .tab-item a { color: #E6DB74; } + +.listing-options .tab-item a:hover, .listing-options .tab-item a:active, .listing-options .tab-item a:focus { color: #F92672; } + +.listing-options .tab-item:last-child a { margin-right: 0; } + +.listing-options .tab-item:last-child a:hover, .listing-options .tab-item:last-child a:active, .listing-options .tab-item:last-child a:focus { color: #F92672; } + +.listing-options .tab-item.active a { color: #F92672; border-color: #F92672; } + +.listing-options .tab-item.active a:hover { color: #F92672; } + +body .form-select:not([multiple]):not([size]), body.theme-light .form-select:not([multiple]):not([size]), body.theme-dark .form-select:not([multiple]):not([size]), body.theme-black .form-select:not([multiple]):not([size]) { border-color: #595959; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23E6E6E6'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem; background-color: #272822; } + +body .table.table-striped tbody tr:nth-of-type(n), body.theme-light .table.table-striped tbody tr:nth-of-type(n), body.theme-dark .table.table-striped tbody tr:nth-of-type(n), body.theme-black .table.table-striped tbody tr:nth-of-type(n) { background-color: #272822; } + +.message-list a { color: #E6DB74; } + +.message-list a:hover, .message-list a:active, .message-list a:focus { color: #F92672; } + +.message-list a:visited { color: #E6DB74; } + +.message-list a:visited:hover, .message-list a:visited:active, .message-list a:visited:focus { color: #F92672; } + +body .post-listing h2 a, body .post-listing .topic-group a, body.theme-light .post-listing h2 a, body.theme-light .post-listing .topic-group a, body.theme-dark .post-listing h2 a, body.theme-dark .post-listing .topic-group a, body.theme-black .post-listing h2 a, body.theme-black .post-listing .topic-group a { color: #E6DB74; } + +body .post-listing h2 a:hover, body .post-listing h2 a:active, body .post-listing h2 a:focus, body .post-listing .topic-group a:hover, body .post-listing .topic-group a:active, body .post-listing .topic-group a:focus, body.theme-light .post-listing h2 a:hover, body.theme-light .post-listing h2 a:active, body.theme-light .post-listing h2 a:focus, body.theme-light .post-listing .topic-group a:hover, body.theme-light .post-listing .topic-group a:active, body.theme-light .post-listing .topic-group a:focus, body.theme-dark .post-listing h2 a:hover, body.theme-dark .post-listing h2 a:active, body.theme-dark .post-listing h2 a:focus, body.theme-dark .post-listing .topic-group a:hover, body.theme-dark .post-listing .topic-group a:active, body.theme-dark .post-listing .topic-group a:focus, body.theme-black .post-listing h2 a:hover, body.theme-black .post-listing h2 a:active, body.theme-black .post-listing h2 a:focus, body.theme-black .post-listing .topic-group a:hover, body.theme-black .post-listing .topic-group a:active, body.theme-black .post-listing .topic-group a:focus { color: #F92672; } + +body .post-listing .topic-content-metadata, body.theme-light .post-listing .topic-content-metadata, body.theme-dark .post-listing .topic-content-metadata, body.theme-black .post-listing .topic-content-metadata { color: #E6E6E6; } + +body .post-listing header, body.theme-light .post-listing header, body.theme-dark .post-listing header, body.theme-black .post-listing header { color: #E6E6E6; background-color: #272822; } + +body .post-listing header a, body.theme-light .post-listing header a, body.theme-dark .post-listing header a, body.theme-black .post-listing header a { color: #E6DB74; } + +body .post-listing header a:hover, body .post-listing header a:active, body .post-listing header a:focus, body.theme-light .post-listing header a:hover, body.theme-light .post-listing header a:active, body.theme-light .post-listing header a:focus, body.theme-dark .post-listing header a:hover, body.theme-dark .post-listing header a:active, body.theme-dark .post-listing header a:focus, body.theme-black .post-listing header a:hover, body.theme-black .post-listing header a:active, body.theme-black .post-listing header a:focus { color: #F92672; } + +body .post-listing .post-button, body.theme-light .post-listing .post-button, body.theme-dark .post-listing .post-button, body.theme-black .post-listing .post-button { color: #E6DB74; } + +body .post-listing .post-button:hover, body .post-listing .post-button:active, body .post-listing .post-button:focus, body.theme-light .post-listing .post-button:hover, body.theme-light .post-listing .post-button:active, body.theme-light .post-listing .post-button:focus, body.theme-dark .post-listing .post-button:hover, body.theme-dark .post-listing .post-button:active, body.theme-dark .post-listing .post-button:focus, body.theme-black .post-listing .post-button:hover, body.theme-black .post-listing .post-button:active, body.theme-black .post-listing .post-button:focus { color: #F92672; } + +body .post-listing .post-button-used, body.theme-light .post-listing .post-button-used, body.theme-dark .post-listing .post-button-used, body.theme-black .post-listing .post-button-used { color: #F92672; } + +body .post-listing .comment, body.theme-light .post-listing .comment, body.theme-dark .post-listing .comment, body.theme-black .post-listing .comment { border-color: #272822; } + +body .post-listing .topic, body.theme-light .post-listing .topic, body.theme-dark .post-listing .topic, body.theme-black .post-listing .topic { background-color: #272822; } + +body .post-listing .label-topic-tag, body.theme-light .post-listing .label-topic-tag, body.theme-dark .post-listing .label-topic-tag, body.theme-black .post-listing .label-topic-tag { color: #595959; } + +body .post-listing .label-topic-tag:hover, body .post-listing .label-topic-tag:active, body .post-listing .label-topic-tag:focus, body.theme-light .post-listing .label-topic-tag:hover, body.theme-light .post-listing .label-topic-tag:active, body.theme-light .post-listing .label-topic-tag:focus, body.theme-dark .post-listing .label-topic-tag:hover, body.theme-dark .post-listing .label-topic-tag:active, body.theme-dark .post-listing .label-topic-tag:focus, body.theme-black .post-listing .label-topic-tag:hover, body.theme-black .post-listing .label-topic-tag:active, body.theme-black .post-listing .label-topic-tag:focus { color: #E6E6E6; cursor: default; } + +body .post-listing .topic-text-excerpt, body.theme-light .post-listing .topic-text-excerpt, body.theme-dark .post-listing .topic-text-excerpt, body.theme-black .post-listing .topic-text-excerpt { color: #595959; } + +body .post-listing .topic-text-excerpt[open], body.theme-light .post-listing .topic-text-excerpt[open], body.theme-dark .post-listing .topic-text-excerpt[open], body.theme-black .post-listing .topic-text-excerpt[open] { color: #595959; } + +body .post-listing .topic-text-excerpt summary::after, body .post-listing .topic-text-excerpt p, body .post-listing .topic-text-excerpt p *, body.theme-light .post-listing .topic-text-excerpt summary::after, body.theme-light .post-listing .topic-text-excerpt p, body.theme-light .post-listing .topic-text-excerpt p *, body.theme-dark .post-listing .topic-text-excerpt summary::after, body.theme-dark .post-listing .topic-text-excerpt p, body.theme-dark .post-listing .topic-text-excerpt p *, body.theme-black .post-listing .topic-text-excerpt summary::after, body.theme-black .post-listing .topic-text-excerpt p, body.theme-black .post-listing .topic-text-excerpt p * { color: #595959; } + +.post-listing .link-user { color: #A6E22A; } + +.post-listing .link-user:hover, .post-listing .link-user:active, .post-listing .link-user:focus { color: #F92672; } + +.post-listing .link-user:visited { color: #A6E22A; } + +.post-listing .link-user:visited:hover, .post-listing .link-user:visited:active, .post-listing .link-user:visited:focus { color: #F92672; } + +.post-listing .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.post-listing .time-responsive-full { color: #E6E6E6; } + +.post-listing .link-group, .post-listing .topic-info-comments a { color: #E6DB74; } + +.post-listing .link-group .topic-info-comments-new, .post-listing .topic-info-comments a .topic-info-comments-new { color: #89BDFF; } + +.post-listing .link-group:hover, .post-listing .link-group:active, .post-listing .link-group:focus, .post-listing .topic-info-comments a:hover, .post-listing .topic-info-comments a:active, .post-listing .topic-info-comments a:focus { color: #F92672; } + +.post-listing .link-group:hover .topic-info-comments-new, .post-listing .link-group:active .topic-info-comments-new, .post-listing .link-group:focus .topic-info-comments-new, .post-listing .topic-info-comments a:hover .topic-info-comments-new, .post-listing .topic-info-comments a:active .topic-info-comments-new, .post-listing .topic-info-comments a:focus .topic-info-comments-new { color: #F92672; } + +.post-listing .link-group:visited, .post-listing .topic-info-comments a:visited { color: #E6DB74; } + +.post-listing .link-group:visited:hover, .post-listing .link-group:visited:active, .post-listing .link-group:visited:focus, .post-listing .topic-info-comments a:visited:hover, .post-listing .topic-info-comments a:visited:active, .post-listing .topic-info-comments a:visited:focus { color: #F92672; } + +.post-listing .link-group:visited:hover .topic-info-comments-new, .post-listing .link-group:visited:active .topic-info-comments-new, .post-listing .link-group:visited:focus .topic-info-comments-new, .post-listing .topic-info-comments a:visited:hover .topic-info-comments-new, .post-listing .topic-info-comments a:visited:active .topic-info-comments-new, .post-listing .topic-info-comments a:visited:focus .topic-info-comments-new { color: #F92672; } + +.settings-list a { color: #E6DB74; } + +.settings-list a:hover, .settings-list a:active, .settings-list a:focus { color: #F92672; } + +.settings-list a:visited { color: #E6DB74; } + +.settings-list a:visited:hover, .settings-list a:visited:active, .settings-list a:visited:focus { color: #F92672; } + +body aside#sidebar, body.theme-light aside#sidebar, body.theme-dark aside#sidebar, body.theme-black aside#sidebar { color: #E6E6E6; background-color: #383830; } + +body aside#sidebar ul .label-topic-tag a, body.theme-light aside#sidebar ul .label-topic-tag a, body.theme-dark aside#sidebar ul .label-topic-tag a, body.theme-black aside#sidebar ul .label-topic-tag a { color: #E6E6E6; } + +body aside#sidebar ul .label-topic-tag a:hover, body aside#sidebar ul .label-topic-tag a:active, body aside#sidebar ul .label-topic-tag a:focus, body.theme-light aside#sidebar ul .label-topic-tag a:hover, body.theme-light aside#sidebar ul .label-topic-tag a:active, body.theme-light aside#sidebar ul .label-topic-tag a:focus, body.theme-dark aside#sidebar ul .label-topic-tag a:hover, body.theme-dark aside#sidebar ul .label-topic-tag a:active, body.theme-dark aside#sidebar ul .label-topic-tag a:focus, body.theme-black aside#sidebar ul .label-topic-tag a:hover, body.theme-black aside#sidebar ul .label-topic-tag a:active, body.theme-black aside#sidebar ul .label-topic-tag a:focus { color: #F92672; } + +body aside#sidebar details .label-topic-tag, body.theme-light aside#sidebar details .label-topic-tag, body.theme-dark aside#sidebar details .label-topic-tag, body.theme-black aside#sidebar details .label-topic-tag { color: #595959; } + +body aside#sidebar details .label-topic-tag:hover, body.theme-light aside#sidebar details .label-topic-tag:hover, body.theme-dark aside#sidebar details .label-topic-tag:hover, body.theme-black aside#sidebar details .label-topic-tag:hover { color: #E6E6E6; cursor: default; } + +aside#sidebar .nav-item a { color: #E6DB74; } + +aside#sidebar .nav-item a:hover, aside#sidebar .nav-item a:active, aside#sidebar .nav-item a:focus { color: #F92672; } + +aside#sidebar details a.btn { margin-top: 0.4rem; } + +aside#sidebar dl a { color: #89BDFF; } + +aside#sidebar dl a:hover, aside#sidebar dl a:active, aside#sidebar dl a:focus { color: #F92672; } + +#site-header *:not(.logged-in-user-alert) { color: #E6E6E6; } + +.logged-in-user-info .logged-in-user-alert { color: #89BDFF; } + +body .topic-full header .topic-full-byline, body.theme-light .topic-full header .topic-full-byline, body.theme-dark .topic-full header .topic-full-byline, body.theme-black .topic-full header .topic-full-byline { color: #E6E6E6; } + +body .topic-full header .link-user, body.theme-light .topic-full header .link-user, body.theme-dark .topic-full header .link-user, body.theme-black .topic-full header .link-user { color: #A6E22A; } + +body .topic-full header .link-user:hover, body .topic-full header .link-user:active, body .topic-full header .link-user:focus, body.theme-light .topic-full header .link-user:hover, body.theme-light .topic-full header .link-user:active, body.theme-light .topic-full header .link-user:focus, body.theme-dark .topic-full header .link-user:hover, body.theme-dark .topic-full header .link-user:active, body.theme-dark .topic-full header .link-user:focus, body.theme-black .topic-full header .link-user:hover, body.theme-black .topic-full header .link-user:active, body.theme-black .topic-full header .link-user:focus { color: #F92672; } + +body .topic-full header .link-user:visited, body.theme-light .topic-full header .link-user:visited, body.theme-dark .topic-full header .link-user:visited, body.theme-black .topic-full header .link-user:visited { color: #A6E22A; } + +body .topic-full header .link-user:visited:hover, body .topic-full header .link-user:visited:active, body .topic-full header .link-user:visited:focus, body.theme-light .topic-full header .link-user:visited:hover, body.theme-light .topic-full header .link-user:visited:active, body.theme-light .topic-full header .link-user:visited:focus, body.theme-dark .topic-full header .link-user:visited:hover, body.theme-dark .topic-full header .link-user:visited:active, body.theme-dark .topic-full header .link-user:visited:focus, body.theme-black .topic-full header .link-user:visited:hover, body.theme-black .topic-full header .link-user:visited:active, body.theme-black .topic-full header .link-user:visited:focus { color: #F92672; } + +.topic-full .topic-full-text a { color: #E6DB74; } + +.topic-full .topic-full-text a:hover, .topic-full .topic-full-text a:active, .topic-full .topic-full-text a:focus { color: #F92672; } + +.topic-full .topic-full-text a:visited { color: #F92672; } + +.topic-full .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.topic-full .topic-full-link a { color: #E6DB74; } + +.topic-full .topic-full-link a:hover, .topic-full .topic-full-link a:active, .topic-full .topic-full-link a:focus { color: #F92672; } + +.topic-full .topic-full-link a:visited { color: #F92672; } + +body .topic-listing > li:nth-of-type(n), body.theme-light .topic-listing > li:nth-of-type(n), body.theme-dark .topic-listing > li:nth-of-type(n), body.theme-black .topic-listing > li:nth-of-type(n) { background-color: #272822; } + +body .topic-listing > li:nth-of-type(n) div.topic-voting, body .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-light .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-light .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-dark .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-content-metadata, body.theme-black .topic-listing > li:nth-of-type(n) div.topic-voting, body.theme-black .topic-listing > li:nth-of-type(n) .topic-content-metadata { color: #E6E6E6; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open], body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt[open] { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-light .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-dark .topic-listing > li:nth-of-type(n) .topic-text-excerpt p *, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt summary::after, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt p, body.theme-black .topic-listing > li:nth-of-type(n) .topic-text-excerpt p * { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a { color: #595959; } + +body .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-light .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-dark .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:hover, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:active, body.theme-black .topic-listing > li:nth-of-type(n) .label-topic-tag a:focus { color: #F92672; } + +.topic-listing .topic-title a { color: #E6DB74; } + +.topic-listing .topic-title a:hover, .topic-listing .topic-title a:active, .topic-listing .topic-title a:focus { color: #F92672; } + +.topic-listing .topic-title a:visited { color: #F92672; } + +.topic-listing .topic-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg=="); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; border: none; } + +.topic-listing .link-group, .topic-listing .topic-info-comments a { color: #E6DB74; } + +.topic-listing .link-group .topic-info-comments-new, .topic-listing .topic-info-comments a .topic-info-comments-new { color: #89BDFF; } + +.topic-listing .link-group:hover, .topic-listing .link-group:active, .topic-listing .link-group:focus, .topic-listing .topic-info-comments a:hover, .topic-listing .topic-info-comments a:active, .topic-listing .topic-info-comments a:focus { color: #F92672; } + +.topic-listing .link-group:hover .topic-info-comments-new, .topic-listing .link-group:active .topic-info-comments-new, .topic-listing .link-group:focus .topic-info-comments-new, .topic-listing .topic-info-comments a:hover .topic-info-comments-new, .topic-listing .topic-info-comments a:active .topic-info-comments-new, .topic-listing .topic-info-comments a:focus .topic-info-comments-new { color: #F92672; } + +.topic-listing .link-group:visited, .topic-listing .topic-info-comments a:visited { color: #E6DB74; } + +.topic-listing .link-group:visited:hover, .topic-listing .link-group:visited:active, .topic-listing .link-group:visited:focus, .topic-listing .topic-info-comments a:visited:hover, .topic-listing .topic-info-comments a:visited:active, .topic-listing .topic-info-comments a:visited:focus { color: #F92672; } + +.topic-listing .link-group:visited:hover .topic-info-comments-new, .topic-listing .link-group:visited:active .topic-info-comments-new, .topic-listing .link-group:visited:focus .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:hover .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:active .topic-info-comments-new, .topic-listing .topic-info-comments a:visited:focus .topic-info-comments-new { color: #F92672; } + +.topic-listing .link-user { color: #A6E22A; } + +.topic-listing .link-user:hover, .topic-listing .link-user:active, .topic-listing .link-user:focus { color: #F92672; } + +.topic-listing .link-user:visited { color: #A6E22A; } + +.topic-listing .link-user:visited:hover, .topic-listing .link-user:visited:active, .topic-listing .link-user:visited:focus { color: #F92672; } + +.topic-listing .time-responsive-full { color: #E6E6E6; } + +.is-topic-official { border-left-color: #F92672 !important; } + +.is-topic-mine { border-left-color: #AE81FF !important; } diff --git a/sass/tildes-monokai/_buttons.sass b/sass/tildes-monokai/_buttons.sass new file mode 100644 index 0000000..1d30c77 --- /dev/null +++ b/sass/tildes-monokai/_buttons.sass @@ -0,0 +1,45 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .btn.btn-comment-collapse + color: $yellow + border-color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + border-color: $pink + background-color: transparent + +.btn, +.btn.btn-link, +#next-page + color: $yellow + border-color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + border-color: $pink + background-color: transparent + +.btn.btn-used + color: $pink + border-color: $pink + +.btn.btn-primary + color: $gray-4 + border-color: $yellow + background-color: $yellow + + &:hover, + &:active, + &:focus + color: $gray-4 + border-color: $pink + background-color: $pink diff --git a/sass/tildes-monokai/_colors.sass b/sass/tildes-monokai/_colors.sass new file mode 100644 index 0000000..8a61121 --- /dev/null +++ b/sass/tildes-monokai/_colors.sass @@ -0,0 +1,15 @@ +$white: #F8F8F2 +$black: #141411 + +$gray-1: #E6E6E6 +$gray-2: #595959 +$gray-3: #383830 +$gray-4: #272822 + +$green: #A6E22A +$blue: #89BDFF +$pink: #F92672 +$purple: #AE81FF +$magenta: #FD5FF1 +$yellow: #E6DB74 +$brown: #75715E diff --git a/sass/tildes-monokai/_comments.sass b/sass/tildes-monokai/_comments.sass new file mode 100644 index 0000000..a0a8350 --- /dev/null +++ b/sass/tildes-monokai/_comments.sass @@ -0,0 +1,59 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + section.topic-comments + border-color: $gray-2 + + .comment + border-color: $gray-4 + + .is-comment-new .comment-text + color: $gray-1 + + .comment-itself + header + color: $gray-1 + background-color: $gray-4 + + header a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + .post-button + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &-used + color: $pink + +.comment-text + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + +.is-comment-mine > .comment-itself + border-left-color: $purple !important + +.is-comment-by-op > .comment-itself + border-left-color: $magenta !important + + .comment-user-info + color: $magenta + +.is-comment-new > .comment-itself + border-left-color: $blue !important diff --git a/sass/tildes-monokai/_html-tags.sass b/sass/tildes-monokai/_html-tags.sass new file mode 100644 index 0000000..23c8948 --- /dev/null +++ b/sass/tildes-monokai/_html-tags.sass @@ -0,0 +1,43 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + color: $gray-1 + background-color: $gray-4 + + main + background-color: $gray-3 + + pre, + code + padding: 0.05rem 0.3rem + line-height: inherit + color: $gray-1 + background-color: $gray-4 + font-family: 'Consolas', monospace + + .form-input, + .form-input:not(:focus) + color: $gray-1 + border-color: $gray-2 + background-color: $gray-4 + width: 40rem + max-width: 40rem + min-width: 40rem + + &::placeholder + color: $gray-2 + + hr, + section + border-color: $gray-2 + + blockquote + color: $gray-1 + border-color: $gray-1 + background-color: $gray-4 + + .table td, .table th + border-bottom: 1px solid $gray-3 diff --git a/sass/tildes-monokai/_listing-options.sass b/sass/tildes-monokai/_listing-options.sass new file mode 100644 index 0000000..9c50c15 --- /dev/null +++ b/sass/tildes-monokai/_listing-options.sass @@ -0,0 +1,44 @@ +@import '_colors.sass' + +.listing-options + color: $gray-1 + + .tab-listing-order + border: none + + button + border: none + + .tab-item + + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:last-child a + margin-right: 0 + + &:hover, + &:active, + &:focus + color: $pink + + &.active a + color: $pink + border-color: $pink + + &:hover + color: $pink + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .form-select:not([multiple]):not([size]) + border-color: $gray-2 + background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23E6E6E6'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem + background-color: $gray-4 diff --git a/sass/tildes-monokai/_message-list.sass b/sass/tildes-monokai/_message-list.sass new file mode 100644 index 0000000..8a31de6 --- /dev/null +++ b/sass/tildes-monokai/_message-list.sass @@ -0,0 +1,25 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .table.table-striped tbody tr:nth-of-type(n) + background-color: $gray-4 + +.message-list + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-monokai/_post-listing.sass b/sass/tildes-monokai/_post-listing.sass new file mode 100644 index 0000000..ac0bb06 --- /dev/null +++ b/sass/tildes-monokai/_post-listing.sass @@ -0,0 +1,119 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .post-listing + h2 a, + .topic-group a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + .topic-content-metadata + color: $gray-1 + + header + color: $gray-1 + background-color: $gray-4 + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + .post-button + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &-used + color: $pink + + .comment + border-color: $gray-4 + + .topic + background-color: $gray-4 + + .label-topic-tag + color: $gray-2 + + &:hover, + &:active, + &:focus + color: $gray-1 + cursor: default + + .topic-text-excerpt + color: $gray-2 + + &[open] + color: $gray-2 + + summary::after, + p, + p * + color: $gray-2 + +.post-listing + .link-user + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + .topic-icon + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg==') + background-size: 14px 14px + background-position: center center + background-repeat: no-repeat + border: none + + .time-responsive-full + color: $gray-1 + + .link-group, + .topic-info-comments a + color: $yellow + + .topic-info-comments-new + color: $blue + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $pink + + &:visited + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $pink diff --git a/sass/tildes-monokai/_settings-list.sass b/sass/tildes-monokai/_settings-list.sass new file mode 100644 index 0000000..c695921 --- /dev/null +++ b/sass/tildes-monokai/_settings-list.sass @@ -0,0 +1,18 @@ +@import '_colors.sass' + +.settings-list + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-monokai/_sidebar.sass b/sass/tildes-monokai/_sidebar.sass new file mode 100644 index 0000000..e68aed4 --- /dev/null +++ b/sass/tildes-monokai/_sidebar.sass @@ -0,0 +1,45 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + aside#sidebar + color: $gray-1 + background-color: $gray-3 + + ul .label-topic-tag a + color: $gray-1 + + &:hover, + &:active, + &:focus + color: $pink + + details .label-topic-tag + color: $gray-2 + + &:hover + color: $gray-1 + cursor: default + + +aside#sidebar + .nav-item a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + details a.btn + margin-top: 0.4rem + + dl a + color: $blue + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-monokai/_site-header.sass b/sass/tildes-monokai/_site-header.sass new file mode 100644 index 0000000..c82135e --- /dev/null +++ b/sass/tildes-monokai/_site-header.sass @@ -0,0 +1,7 @@ +@import '_colors.sass' + +#site-header *:not(.logged-in-user-alert) + color: $gray-1 + +.logged-in-user-info .logged-in-user-alert + color: $blue diff --git a/sass/tildes-monokai/_topic-full.sass b/sass/tildes-monokai/_topic-full.sass new file mode 100644 index 0000000..aa8159a --- /dev/null +++ b/sass/tildes-monokai/_topic-full.sass @@ -0,0 +1,56 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .topic-full + header + .topic-full-byline + color: $gray-1 + .link-user + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $green + + &:hover, + &:active, + &:focus + color: $pink + +.topic-full + .topic-full-text + a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $pink + + .topic-icon + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg==') + background-size: 14px 14px + background-position: center center + background-repeat: no-repeat + border: none + + .topic-full-link a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $pink diff --git a/sass/tildes-monokai/_topic-listing.sass b/sass/tildes-monokai/_topic-listing.sass new file mode 100644 index 0000000..f6a4459 --- /dev/null +++ b/sass/tildes-monokai/_topic-listing.sass @@ -0,0 +1,101 @@ +@import '_colors.sass' + +body, +body.theme-light, +body.theme-dark, +body.theme-black + .topic-listing>li:nth-of-type(n) + background-color: $gray-4 + + div.topic-voting, + .topic-content-metadata + color: $gray-1 + + .topic-text-excerpt + color: $gray-2 + + &[open] + color: $gray-2 + + summary::after, + p, + p * + color: $gray-2 + + .label-topic-tag a + color: $gray-2 + + &:hover, + &:active, + &:focus + color: $pink + +.topic-listing + .topic-title a + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $pink + + .topic-icon + background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjRTZEQjc0IiBkPSJNNTc2IDI0djEyNy45ODRjMCAyMS40NjEtMjUuOTYgMzEuOTgtNDAuOTcxIDE2Ljk3MWwtMzUuNzA3LTM1LjcwOS0yNDMuNTIzIDI0My41MjNjLTkuMzczIDkuMzczLTI0LjU2OCA5LjM3My0zMy45NDEgMGwtMjIuNjI3LTIyLjYyN2MtOS4zNzMtOS4zNzMtOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDQ0Mi43NTYgNzYuNjc2bC0zNS43MDMtMzUuNzA1QzM5MS45ODIgMjUuOSA0MDIuNjU2IDAgNDI0LjAyNCAwSDU1MmMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR6TTQwNy4wMjkgMjcwLjc5NGwtMTYgMTZBMjMuOTk5IDIzLjk5OSAwIDAgMCAzODQgMzAzLjc2NVY0NDhINjRWMTI4aDI2NGEyNC4wMDMgMjQuMDAzIDAgMCAwIDE2Ljk3LTcuMDI5bDE2LTE2QzM3Ni4wODkgODkuODUxIDM2NS4zODEgNjQgMzQ0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2MzUyYzAgMjYuNTEgMjEuNDkgNDggNDggNDhoMzUyYzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMjg3Ljc2NGMwLTIxLjM4Mi0yNS44NTItMzIuMDktNDAuOTcxLTE2Ljk3eiIvPjwvc3ZnPg==') + background-size: 14px 14px + background-position: center center + background-repeat: no-repeat + border: none + + .link-group, + .topic-info-comments a + color: $yellow + + .topic-info-comments-new + color: $blue + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $pink + + &:visited + color: $yellow + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $pink + + .link-user + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + .time-responsive-full + color: $gray-1 + +.is-topic-official + border-left-color: $pink !important + +.is-topic-mine + border-left-color: $purple !important diff --git a/sass/tildes-monokai/tildes-monokai.js b/sass/tildes-monokai/tildes-monokai.js new file mode 100644 index 0000000..0871b5b --- /dev/null +++ b/sass/tildes-monokai/tildes-monokai.js @@ -0,0 +1,23 @@ +const pjson = require('../../package.json') + +// Descriptor for Tildes Monokai + +const entry = 'tildes-monokai.css' +const folder = 'tildes-monokai' + +const options = { + name: 'Tildes Monokai', + namespace: 'tildes.net', + version: pjson.version, + author: 'Bauke', + description: 'Monokai theme for Tildes.net', + homepageURL: 'https://gitlab.com/Bauke/styles', + supportURL: 'https://gitlab.com/Bauke/styles/issues', + license: 'MIT' +} + +module.exports = { + entry: entry, + folder: folder, + options: options +} diff --git a/sass/tildes-monokai/tildes-monokai.sass b/sass/tildes-monokai/tildes-monokai.sass new file mode 100644 index 0000000..42e0a14 --- /dev/null +++ b/sass/tildes-monokai/tildes-monokai.sass @@ -0,0 +1,12 @@ +@import '_buttons.sass' +@import '_colors.sass' +@import '_comments.sass' +@import '_html-tags.sass' +@import '_listing-options.sass' +@import '_message-list.sass' +@import '_post-listing.sass' +@import '_settings-list.sass' +@import '_sidebar.sass' +@import '_site-header.sass' +@import '_topic-full.sass' +@import '_topic-listing.sass'