diff --git a/css/tildes-dracula/img/screenshot-1.png b/css/tildes-dracula/img/screenshot-1.png index ac99ca1..2dfd382 100644 Binary files a/css/tildes-dracula/img/screenshot-1.png and b/css/tildes-dracula/img/screenshot-1.png differ diff --git a/css/tildes-dracula/img/screenshot-2.png b/css/tildes-dracula/img/screenshot-2.png index dc4ac77..76b5d38 100644 Binary files a/css/tildes-dracula/img/screenshot-2.png and b/css/tildes-dracula/img/screenshot-2.png differ diff --git a/css/tildes-dracula/img/screenshot-3.png b/css/tildes-dracula/img/screenshot-3.png index f5a68e3..fdbaac4 100644 Binary files a/css/tildes-dracula/img/screenshot-3.png and b/css/tildes-dracula/img/screenshot-3.png differ diff --git a/css/tildes-dracula/img/screenshot-4.png b/css/tildes-dracula/img/screenshot-4.png index a35266f..127691c 100644 Binary files a/css/tildes-dracula/img/screenshot-4.png and b/css/tildes-dracula/img/screenshot-4.png differ diff --git a/css/tildes-dracula/img/screenshot-5.png b/css/tildes-dracula/img/screenshot-5.png index a4f64d9..9306039 100644 Binary files a/css/tildes-dracula/img/screenshot-5.png and b/css/tildes-dracula/img/screenshot-5.png differ diff --git a/css/tildes-dracula/tildes-dracula-chrome.css b/css/tildes-dracula/tildes-dracula-chrome.css index fd2a9bf..4e03a70 100644 --- a/css/tildes-dracula/tildes-dracula-chrome.css +++ b/css/tildes-dracula/tildes-dracula-chrome.css @@ -1,367 +1,661 @@ -.date-info { - color: #f8f8f2 !important +body:not(.theme) .btn-comment-collapse,body.theme-light .btn-comment-collapse,body.theme-dark .btn-comment-collapse,body.theme-black .btn-comment-collapse { + color: #8be9fd; + border-color: #8be9fd; + background: transparent } -.btn { - border-color: #8be9fd !important; - color: #8be9fd !important +body:not(.theme) .btn-comment-collapse:hover,body:not(.theme) .btn-comment-collapse:active,body:not(.theme) .btn-comment-collapse:focus,body.theme-light .btn-comment-collapse:hover,body.theme-light .btn-comment-collapse:active,body.theme-light .btn-comment-collapse:focus,body.theme-dark .btn-comment-collapse:hover,body.theme-dark .btn-comment-collapse:active,body.theme-dark .btn-comment-collapse:focus,body.theme-black .btn-comment-collapse:hover,body.theme-black .btn-comment-collapse:active,body.theme-black .btn-comment-collapse:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 } -.btn:hover { - border-color: #bd93f9 !important; - background: none !important; - color: #bd93f9 !important +body:not(.theme) .comment,body.theme-light .comment,body.theme-dark .comment,body.theme-black .comment { + border-color: #282a36 } -.btn-primary { - border-color: #8be9fd !important; - background: #8be9fd !important; - color: #6272a4 !important +body:not(.theme) .comment .comment-itself header,body.theme-light .comment .comment-itself header,body.theme-dark .comment .comment-itself header,body.theme-black .comment .comment-itself header { + background-color: #282a36 } -.btn-primary:hover { - border-color: #6272a4 !important; - background: #6272a4 !important; - color: #f8f8f2 !important +body:not(.theme) .comment .comment-nav-link,body.theme-light .comment .comment-nav-link,body.theme-dark .comment .comment-nav-link,body.theme-black .comment .comment-nav-link { + color: #8be9fd } -.btn-used { - border-color: #ff79c6 !important; - color: #ff79c6 !important +body:not(.theme) .comment .comment-nav-link:hover,body:not(.theme) .comment .comment-nav-link:active,body:not(.theme) .comment .comment-nav-link:focus,body.theme-light .comment .comment-nav-link:hover,body.theme-light .comment .comment-nav-link:active,body.theme-light .comment .comment-nav-link:focus,body.theme-dark .comment .comment-nav-link:hover,body.theme-dark .comment .comment-nav-link:active,body.theme-dark .comment .comment-nav-link:focus,body.theme-black .comment .comment-nav-link:hover,body.theme-black .comment .comment-nav-link:active,body.theme-black .comment .comment-nav-link:focus { + color: #ff79c6 } -.btn-used:hover { - border-color: #ff79c6 !important; - background: #ff79c6 !important; - color: #f8f8f2 !important +body:not(.theme) .comment .comment-nav-link:visited,body.theme-light .comment .comment-nav-link:visited,body.theme-dark .comment .comment-nav-link:visited,body.theme-black .comment .comment-nav-link:visited { + color: #8be9fd } -.btn-link { - border-color: transparent !important +body:not(.theme) .comment .comment-nav-link:visited:hover,body:not(.theme) .comment .comment-nav-link:visited:active,body:not(.theme) .comment .comment-nav-link:visited:focus,body.theme-light .comment .comment-nav-link:visited:hover,body.theme-light .comment .comment-nav-link:visited:active,body.theme-light .comment .comment-nav-link:visited:focus,body.theme-dark .comment .comment-nav-link:visited:hover,body.theme-dark .comment .comment-nav-link:visited:active,body.theme-dark .comment .comment-nav-link:visited:focus,body.theme-black .comment .comment-nav-link:visited:hover,body.theme-black .comment .comment-nav-link:visited:active,body.theme-black .comment .comment-nav-link:visited:focus { + color: #ff79c6 } -.btn-link:hover { - border-color: transparent !important +body:not(.theme) .comment .comment-user-info,body.theme-light .comment .comment-user-info,body.theme-dark .comment .comment-user-info,body.theme-black .comment .comment-user-info { + color: #f1fa8c } -.label-comment-tag-offtopic { - border-color: #8be9fd !important; - color: #8be9fd !important +body:not(.theme) .comment .time-responsive-full,body.theme-light .comment .time-responsive-full,body.theme-dark .comment .time-responsive-full,body.theme-black .comment .time-responsive-full { + color: #f8f8f2 } -.label-comment-tag-joke { - border-color: #50fa7b !important; - color: #50fa7b !important +body:not(.theme) .comment[data-comment-depth='0'],body.theme-light .comment[data-comment-depth='0'],body.theme-dark .comment[data-comment-depth='0'],body.theme-black .comment[data-comment-depth='0'] { + border-color: #282a36 } -.label-comment-tag-flame { - border-color: #f55 !important; - color: #f55 !important +body:not(.theme) .is-comment-collapsed header .link-user,body.theme-light .is-comment-collapsed header .link-user,body.theme-dark .is-comment-collapsed header .link-user,body.theme-black .is-comment-collapsed header .link-user { + color: #50fa7b } -.label-comment-tag-troll { - border-color: #ffb86c !important; - color: #ffb86c !important +body:not(.theme) .post-buttons,body.theme-light .post-buttons,body.theme-dark .post-buttons,body.theme-black .post-buttons { + padding: 0 } -.label-comment-tag-noise { - border-color: #f1fa8c !important; - color: #f1fa8c !important +body:not(.theme) .post-button,body.theme-light .post-button,body.theme-dark .post-button,body.theme-black .post-button { + color: #8be9fd; + padding: 6px 8px; + margin: 6px; + margin-bottom: 0px } -.comment { - border-color: #282a36 !important +body:not(.theme) .post-button:hover,body:not(.theme) .post-button:active,body:not(.theme) .post-button:focus,body.theme-light .post-button:hover,body.theme-light .post-button:active,body.theme-light .post-button:focus,body.theme-dark .post-button:hover,body.theme-dark .post-button:active,body.theme-dark .post-button:focus,body.theme-black .post-button:hover,body.theme-black .post-button:active,body.theme-black .post-button:focus { + color: #ff79c6; + text-decoration: none } -.comment header { - background-color: #282a36 !important; - color: #f8f8f2 !important +body:not(.theme) .post-button-used,body.theme-light .post-button-used,body.theme-dark .post-button-used,body.theme-black .post-button-used { + color: #ff79c6; + text-decoration: underline } -.comment header a { - color: #8be9fd !important +body:not(.theme) .post-button-used:hover,body:not(.theme) .post-button-used:active,body:not(.theme) .post-button-used:focus,body.theme-light .post-button-used:hover,body.theme-light .post-button-used:active,body.theme-light .post-button-used:focus,body.theme-dark .post-button-used:hover,body.theme-dark .post-button-used:active,body.theme-dark .post-button-used:focus,body.theme-black .post-button-used:hover,body.theme-black .post-button-used:active,body.theme-black .post-button-used:focus { + color: #8be9fd; + text-decoration: underline } -.comment header a.link-user { - color: #50fa7b !important +body:not(.theme) #page-list,body.theme-light #page-list,body.theme-dark #page-list,body.theme-black #page-list { + background-color: #44475a } -.comment header a.link-user:visited { - color: #ff79c6 !important +body:not(.theme) .toc,body.theme-light .toc,body.theme-dark .toc,body.theme-black .toc { + background-color: #282a36 } -.comment .comment-user-info { - color: #bd93f9 !important +body:not(.theme) .highlight,body.theme-light .highlight,body.theme-dark .highlight,body.theme-black .highlight { + color: #f8f8f2; + background-color: #6272a4 } -.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,.text-error { - color: #f55 !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 { +body:not(.theme) .conspicuous,body.theme-light .conspicuous,body.theme-dark .conspicuous,body.theme-black .conspicuous { + color: #f55; font-family: sans-serif } -main,aside { - background-color: #44475a !important +body:not(.theme) .date-info,body.theme-light .date-info,body.theme-dark .date-info,body.theme-black .date-info { + color: #f8f8f2 } -blockquote { - border-color: #f8f8f2 !important; - background-color: #282a36 !important +body:not(.theme) .article-summary,body.theme-light .article-summary,body.theme-dark .article-summary,body.theme-black .article-summary { + border-color: #f8f8f2 } -textarea,input { - border-color: #6272a4 !important; - background-color: #282a36 !important; - color: #f8f8f2 !important +body:not(.theme) .article-summary h2 a,body.theme-light .article-summary h2 a,body.theme-dark .article-summary h2 a,body.theme-black .article-summary h2 a { + color: #f8f8f2 } -tr { - background-color: #282a36 !important +body>footer,#site-footer { + color: #f8f8f2; + background-color: #282a36; + padding: 0.5rem; + font-style: normal; + font-weight: bold } -td { - border-color: #44475a !important; - border-bottom-width: 0.2rem !important +body>footer a,#site-footer a { + color: #8be9fd } -pre,code { - border: none !important; - background-color: #282a36 !important; - color: #f8f8f2 !important +body>footer a:hover,body>footer a:active,body>footer a:focus,#site-footer a:hover,#site-footer a:active,#site-footer a:focus { + color: #ff79c6 } -pre { - padding: 5px 10px !important +body>footer a:visited,#site-footer a:visited { + color: #8be9fd } -code { - padding: 0 !important +body>footer a:visited:hover,body>footer a:visited:active,body>footer a:visited:focus,#site-footer a:visited:hover,#site-footer a:visited:active,#site-footer a:visited:focus { + color: #ff79c6 } -section { - border-color: #282a36 !important +body:not(.theme) .group-list tbody tr:nth-of-type(n),body.theme-light .group-list tbody tr:nth-of-type(n),body.theme-dark .group-list tbody tr:nth-of-type(n),body.Theme-black .group-list tbody tr:nth-of-type(n) { + background-color: #282a36 } -footer { - background-color: #282a36 !important +body:not(.theme) .group-list tbody tr:nth-of-type(n) td,body.theme-light .group-list tbody tr:nth-of-type(n) td,body.theme-dark .group-list tbody tr:nth-of-type(n) td,body.Theme-black .group-list tbody tr:nth-of-type(n) td { + border-color: #44475a } -.tab { - border-color: #6272a4 !important +body:not(.theme) .group-list .group-list-description,body.theme-light .group-list .group-list-description,body.theme-dark .group-list .group-list-description,body.Theme-black .group-list .group-list-description { + font-style: normal } -.tab .tab-item a { - color: #f8f8f2 !important +body:not(.theme) .table th,body.theme-light .table th,body.theme-dark .table th,body.Theme-black .table th { + border-bottom-color: #6272a4 } -.tab .tab-item a:hover { - color: #8be9fd !important +body:not(.theme),body.theme-light,body.theme-dark,body.theme-black { + color: #f8f8f2; + background-color: #282a36 } -.tab .tab-item.active a { - color: #8be9fd !important; - border-bottom-color: #8be9fd !important +body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme-light #sidebar,body.theme-dark main,body.theme-dark #sidebar,body.theme-black main,body.theme-black #sidebar { + color: #f8f8f2; + background-color: #44475a } -.tab .tab-listing-order { - border-color: #6272a4 !important +body:not(.theme) pre,body:not(.theme) 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 { + color: #f8f8f2; + background-color: #282a36; + border: none; + font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace } -.form-select { - border-color: #6272a4 !important +body:not(.theme) blockquote,body.theme-light blockquote,body.theme-dark blockquote,body.theme-black blockquote { + color: #f8f8f2; + background-color: #282a36; + border-color: #f8f8f2 } -.form-select:not([multiple]):not([size]) { - background-color: #44475a !important +body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.theme-light section,body.theme-dark figure,body.theme-dark section,body.theme-black figure,body.theme-black section { + border-color: #f8f8f2 } -.message { - border-top: none !important; - border-right: none !important; - border-bottom: none !important; - border-color: #282a36 !important +body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-black input,body.theme-black textarea,body.theme-black .form-input { + color: #f8f8f2; + border-color: #6272a4; + background-color: #282a36 } -.message header { - background-color: #282a36 !important +a { + color: #8be9fd } -.message .message-text { - color: #f8f8f2 !important +a:hover,a:active,a:focus { + color: #ff79c6 +} + +a:visited { + color: #ff79c6 +} + +hr { + border-color: #f8f8f2 +} + +body:not(.theme) .listing-options button,body.theme-light .listing-options button,body.theme-black .listing-options button,body.theme-dark .listing-options button { + border: none +} + +body:not(.theme) .listing-options button:hover,body:not(.theme) .listing-options button:active,body:not(.theme) .listing-options button:focus,body.theme-light .listing-options button:hover,body.theme-light .listing-options button:active,body.theme-light .listing-options button:focus,body.theme-black .listing-options button:hover,body.theme-black .listing-options button:active,body.theme-black .listing-options button:focus,body.theme-dark .listing-options button:hover,body.theme-dark .listing-options button:active,body.theme-dark .listing-options button:focus { + color: #ff79c6; + background-color: transparent; + text-decoration: underline +} + +body:not(.theme) .tab.tab-listing-order,body.theme-light .tab.tab-listing-order,body.theme-black .tab.tab-listing-order,body.theme-dark .tab.tab-listing-order { + border-color: #282a36 +} + +body:not(.theme) .tab.tab-listing-order .tab-item,body.theme-light .tab.tab-listing-order .tab-item,body.theme-black .tab.tab-listing-order .tab-item,body.theme-dark .tab.tab-listing-order .tab-item { + margin: 4px; + padding: 0; + background-color: #282a36 +} + +body:not(.theme) .tab.tab-listing-order .tab-item:first-child,body.theme-light .tab.tab-listing-order .tab-item:first-child,body.theme-black .tab.tab-listing-order .tab-item:first-child,body.theme-dark .tab.tab-listing-order .tab-item:first-child { + margin-left: 0 +} + +body:not(.theme) .tab.tab-listing-order .tab-item:last-child,body.theme-light .tab.tab-listing-order .tab-item:last-child,body.theme-black .tab.tab-listing-order .tab-item:last-child,body.theme-dark .tab.tab-listing-order .tab-item:last-child { + margin-right: 0 +} + +body:not(.theme) .tab.tab-listing-order .tab-item a,body.theme-light .tab.tab-listing-order .tab-item a,body.theme-black .tab.tab-listing-order .tab-item a,body.theme-dark .tab.tab-listing-order .tab-item a { + margin: 0; + padding: 4px 8px +} + +body:not(.theme) .tab.tab-listing-order .tab-item a:hover,body:not(.theme) .tab.tab-listing-order .tab-item a:active,body:not(.theme) .tab.tab-listing-order .tab-item a:focus,body.theme-light .tab.tab-listing-order .tab-item a:hover,body.theme-light .tab.tab-listing-order .tab-item a:active,body.theme-light .tab.tab-listing-order .tab-item a:focus,body.theme-black .tab.tab-listing-order .tab-item a:hover,body.theme-black .tab.tab-listing-order .tab-item a:active,body.theme-black .tab.tab-listing-order .tab-item a:focus,body.theme-dark .tab.tab-listing-order .tab-item a:hover,body.theme-dark .tab.tab-listing-order .tab-item a:active,body.theme-dark .tab.tab-listing-order .tab-item a:focus { + color: #8be9fd +} + +body:not(.theme) .tab.tab-listing-order .tab-item.active a,body.theme-light .tab.tab-listing-order .tab-item.active a,body.theme-black .tab.tab-listing-order .tab-item.active a,body.theme-dark .tab.tab-listing-order .tab-item.active a { + color: #ff79c6; + border-color: #ff79c6 +} + +body:not(.theme) .form-select:not([multiple]):not([size]),body.theme-light .form-select:not([multiple]):not([size]),body.theme-black .form-select:not([multiple]):not([size]),body.theme-dark .form-select:not([multiple]):not([size]) { + border: 1px solid #6272a4; + background-color: #282a36; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") +} + +body:not(.theme) .message-list thead th,body.theme-light .message-list thead th,body.theme-dark .message-list thead th,body.theme-black .message-list thead th { + border-color: #6272a4 +} + +body:not(.theme) .message-list tbody tr:nth-of-type(n),body.theme-light .message-list tbody tr:nth-of-type(n),body.theme-dark .message-list tbody tr:nth-of-type(n),body.theme-black .message-list tbody tr:nth-of-type(n) { + background-color: #282a36 +} + +body:not(.theme) .message-list tbody tr:nth-of-type(n) td,body.theme-light .message-list tbody tr:nth-of-type(n) td,body.theme-dark .message-list tbody tr:nth-of-type(n) td,body.theme-black .message-list tbody tr:nth-of-type(n) td { + border-color: #44475a +} + +body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a { + color: #8be9fd +} + +body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus { + color: #ff79c6 +} + +body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited { + color: #8be9fd +} + +body:not(.theme) .message,body.theme-light .message,body.theme-dark .message,body.theme-black .message { + border-color: #282a36 +} + +body:not(.theme) .message header,body.theme-light .message header,body.theme-dark .message header,body.theme-black .message header { + color: #f8f8f2; + background-color: #282a36 +} + +body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider { + border-color: #282a36 +} + +body:not(.theme) .empty-subtitle,body.theme-light .empty-subtitle,body.theme-dark .empty-subtitle,body.theme-black .empty-subtitle { + color: #f8f8f2 +} + +body:not(.theme) .post-listing .topic,body.theme-light .post-listing .topic,body.theme-dark .post-listing .topic,body.theme-black .post-listing .topic { + background-color: #282a36 +} + +body:not(.theme) .link-user,body.theme-light .link-user,body.theme-dark .link-user,body.theme-black .link-user { + color: #50fa7b +} + +body:not(.theme) .link-user:hover,body:not(.theme) .link-user:active,body:not(.theme) .link-user:focus,body.theme-light .link-user:hover,body.theme-light .link-user:active,body.theme-light .link-user:focus,body.theme-dark .link-user:hover,body.theme-dark .link-user:active,body.theme-dark .link-user:focus,body.theme-black .link-user:hover,body.theme-black .link-user:active,body.theme-black .link-user:focus { + color: #ff79c6 +} + +body:not(.theme) .link-user:visited,body.theme-light .link-user:visited,body.theme-dark .link-user:visited,body.theme-black .link-user:visited { + color: #50fa7b +} + +body:not(.theme) .link-user:visited:hover,body:not(.theme) .link-user:visited:active,body:not(.theme) .link-user:visited:focus,body.theme-light .link-user:visited:hover,body.theme-light .link-user:visited:active,body.theme-light .link-user:visited:focus,body.theme-dark .link-user:visited:hover,body.theme-dark .link-user:visited:active,body.theme-dark .link-user:visited:focus,body.theme-black .link-user:visited:hover,body.theme-black .link-user:visited:active,body.theme-black .link-user:visited:focus { + color: #ff79c6 +} + +body:not(.theme) .label-topic-tag a,body.theme-light .label-topic-tag a,body.theme-dark .label-topic-tag a,body.theme-black .label-topic-tag a { + color: #6272a4 +} + +body:not(.theme) .label-topic-tag a:hover,body:not(.theme) .label-topic-tag a:active,body:not(.theme) .label-topic-tag a:focus,body.theme-light .label-topic-tag a:hover,body.theme-light .label-topic-tag a:active,body.theme-light .label-topic-tag a:focus,body.theme-dark .label-topic-tag a:hover,body.theme-dark .label-topic-tag a:active,body.theme-dark .label-topic-tag a:focus,body.theme-black .label-topic-tag a:hover,body.theme-black .label-topic-tag a:active,body.theme-black .label-topic-tag a:focus { + color: #ff79c6 +} + +body:not(.theme) .text-secondary,body.theme-light .text-secondary,body.theme-dark .text-secondary,body.theme-black .text-secondary { + font-style: normal; + font-weight: bold; + color: #6272a4 +} + +body:not(.theme) .text-warning,body.theme-light .text-warning,body.theme-dark .text-warning,body.theme-black .text-warning { + color: #282a36; + background-color: #ffb86c; + padding: 10px +} + +body:not(.theme) blockquote.text-warning,body.theme-light blockquote.text-warning,body.theme-dark blockquote.text-warning,body.theme-black blockquote.text-warning { + color: #f8f8f2; + background-color: #282a36 +} + +body:not(.theme) .form-status-success,body.theme-light .form-status-success,body.theme-dark .form-status-success,body.theme-black .form-status-success { + color: #50fa7b +} + +body:not(.theme) .form-status-error,body.theme-light .form-status-error,body.theme-dark .form-status-error,body.theme-black .form-status-error { + color: #f55 +} + +.topic-voting.btn { + border-style: solid +} + +.btn,.btn.btn-link { + color: #8be9fd; + border-color: #8be9fd; + background: transparent +} + +.btn:hover,.btn:active,.btn:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 +} + +.btn:visited,.btn.btn-link:visited { + color: #8be9fd; + border-color: #8be9fd; + background: transparent +} + +.btn:visited:hover,.btn:visited:active,.btn:visited:focus,.btn.btn-link:visited:hover,.btn.btn-link:visited:active,.btn.btn-link:visited:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 +} + +.btn-used { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 +} + +.btn.btn-primary { + color: #282a36; + background: #8be9fd; + border-color: #8be9fd +} + +.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 +} + +.is-topic-official { + border-left-color: #f55 !important +} + +.is-topic-official h1 a { + color: #f55 +} + +.is-topic-mine { + border-left-color: #bd93f9 !important +} + +.is-topic-mine h1 a { + color: #bd93f9 +} + +.is-topic-mine .topic-voting { + color: #f8f8f2 +} + +.is-topic-official h1 a:visited { + color: #f55 +} + +.is-topic-mine h1 a:visited { + color: #bd93f9 +} + +.topic-icon { + border-color: #8be9fd +} + +.is-comment-by-op>.comment-itself { + border-color: #f1fa8c !important +} + +.is-comment-mine>.comment-itself { + border-color: #bd93f9 !important +} + +.is-comment-new>.comment-itself { + border-color: #ffb86c !important } .is-message-mine { - border-width: 1px !important; - margin-left: 0 !important + border-left-color: #bd93f9 !important } -#new-topic fieldset,#new-topic .divider { - border-color: #282a36 !important +body:not(.theme) .settings-list,body.theme-light .settings-list,body.theme-dark .settings-list,body.theme-black .settings-list { + margin-left: 0px } -#new-topic .divider::after { - color: #f8f8f2 !important; - background: #282a36 !important +body:not(.theme) .settings-list li,body.theme-light .settings-list li,body.theme-dark .settings-list li,body.theme-black .settings-list li { + background-color: #282a36; + border: 1px solid #6272a4; + padding: 15px; + margin-top: 15px; + margin-bottom: 15px } -#new-topic input { - color: #f8f8f2 !important; - background-color: #282a36 !important; - border-color: #6272a4 !important +body:not(.theme) .settings-list a,body.theme-light .settings-list a,body.theme-dark .settings-list a,body.theme-black .settings-list a { + color: #8be9fd +} + +body:not(.theme) .settings-list a:hover,body:not(.theme) .settings-list a:active,body:not(.theme) .settings-list a:focus,body.theme-light .settings-list a:hover,body.theme-light .settings-list a:active,body.theme-light .settings-list a:focus,body.theme-dark .settings-list a:hover,body.theme-dark .settings-list a:active,body.theme-dark .settings-list a:focus,body.theme-black .settings-list a:hover,body.theme-black .settings-list a:active,body.theme-black .settings-list a:focus { + color: #ff79c6 +} + +body:not(.theme) .settings-list a:visited,body.theme-light .settings-list a:visited,body.theme-dark .settings-list a:visited,body.theme-black .settings-list a:visited { + color: #8be9fd +} + +body:not(.theme) .settings-list a:visited:hover,body:not(.theme) .settings-list a:visited:active,body:not(.theme) .settings-list a:visited:focus,body.theme-light .settings-list a:visited:hover,body.theme-light .settings-list a:visited:active,body.theme-light .settings-list a:visited:focus,body.theme-dark .settings-list a:visited:hover,body.theme-dark .settings-list a:visited:active,body.theme-dark .settings-list a:visited:focus,body.theme-black .settings-list a:visited:hover,body.theme-black .settings-list a:visited:active,body.theme-black .settings-list a:visited:focus { + color: #ff79c6 +} + +#sidebar .nav .nav-item a { + color: #ffb86c +} + +#sidebar .nav .nav-item a:hover,#sidebar .nav .nav-item a:active,#sidebar .nav .nav-item a:focus { + color: #f1fa8c +} + +#sidebar .nav .nav-item a:visited { + color: #ffb86c +} + +#sidebar .nav .nav-item a:visited:hover,#sidebar .nav .nav-item a:visited:active,#sidebar .nav .nav-item a:visited:focus { + color: #f1fa8c +} + +#sidebar .topic-tags { + margin-bottom: 0.5rem +} + +#sidebar .label-topic-tag { + color: #6272a4 +} + +#sidebar .label-topic-tag:hover { + color: #f8f8f2; + cursor: default +} + +body:not(.theme) .site-header-logo,body.theme-light .site-header-logo,body.theme-black .site-header-logo,body.theme-dark .site-header-logo { + color: #f8f8f2 +} + +body:not(.theme) .site-header-context,body.theme-light .site-header-context,body.theme-black .site-header-context,body.theme-dark .site-header-context { + color: #ffb86c +} + +body:not(.theme) .site-header-context:hover,body:not(.theme) .site-header-context:active,body:not(.theme) .site-header-context:focus,body.theme-light .site-header-context:hover,body.theme-light .site-header-context:active,body.theme-light .site-header-context:focus,body.theme-black .site-header-context:hover,body.theme-black .site-header-context:active,body.theme-black .site-header-context:focus,body.theme-dark .site-header-context:hover,body.theme-dark .site-header-context:active,body.theme-dark .site-header-context:focus { + color: #f1fa8c +} + +body:not(.theme) .logged-in-user-username,body.theme-light .logged-in-user-username,body.theme-black .logged-in-user-username,body.theme-dark .logged-in-user-username { + color: #50fa7b +} + +body:not(.theme) .logged-in-user-username:hover,body:not(.theme) .logged-in-user-username:active,body:not(.theme) .logged-in-user-username:focus,body.theme-light .logged-in-user-username:hover,body.theme-light .logged-in-user-username:active,body.theme-light .logged-in-user-username:focus,body.theme-black .logged-in-user-username:hover,body.theme-black .logged-in-user-username:active,body.theme-black .logged-in-user-username:focus,body.theme-dark .logged-in-user-username:hover,body.theme-dark .logged-in-user-username:active,body.theme-dark .logged-in-user-username:focus { + color: #ff79c6 +} + +body:not(.theme) .logged-in-user-alert,body.theme-light .logged-in-user-alert,body.theme-black .logged-in-user-alert,body.theme-dark .logged-in-user-alert { + color: #282a36; + background-color: #ffb86c; + padding: 0.1rem 0.3rem; + margin-top: 0.2rem; + justify-content: left +} + +body:not(.theme) .logged-in-user-alert:hover,body:not(.theme) .logged-in-user-alert:active,body:not(.theme) .logged-in-user-alert:focus,body.theme-light .logged-in-user-alert:hover,body.theme-light .logged-in-user-alert:active,body.theme-light .logged-in-user-alert:focus,body.theme-black .logged-in-user-alert:hover,body.theme-black .logged-in-user-alert:active,body.theme-black .logged-in-user-alert:focus,body.theme-dark .logged-in-user-alert:hover,body.theme-dark .logged-in-user-alert:active,body.theme-dark .logged-in-user-alert:focus { + background-color: #f1fa8c } body>header>a:nth-child(1):not(.no-header-logo) { - 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 + color: #f8f8f2; + background-size: 32px 32px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") } .user-label { border-radius: 0 !important; - padding: 1px 3px !important + padding: 3px 5px !important } -.bg-red { - background-color: #f55 !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 { +.label-edit-box { + color: #f8f8f2 !important; background-color: #282a36 !important } -.topic-listing { +.label-edit-box input { + border: 1px solid #6272a4 !important; background-color: #44475a !important } -.topic-listing>li { - background-color: #282a36 !important +.label-light,.label-dark { + color: transparent !important } -.topic-listing .label-topic-tag>* { - color: #6272a4 !important +.bg-none { + color: #f8f8f2 !important; + border-color: #6272a4 !important } -.is-topic-official { - border-color: #ffb86c !important +.bg-red { + color: #282a36 !important; + background-color: #f55 !important } -.topic-title a { - color: #8be9fd !important +.bg-orangered { + color: #282a36 !important; + background-color: #ffb86c !important } -.topic-title a:visited { - color: #ff79c6 !important +.bg-orange { + color: #282a36 !important; + background-color: #f1fa8c !important } -.topic-info .time-responsive { - color: #50fa7b !important +.bg-dodgerblue { + color: #282a36 !important; + background-color: #8be9fd !important } -.topic-metadata .topic-tags li { - color: #6272a4 !important +.bg-forestgreen { + color: #282a36 !important; + background-color: #50fa7b !important } -.topic-info-comments-new { - color: #f1fa8c !important +.bg-slategray { + color: #f8f8f2 !important; + background-color: #44475a !important +} + +body:not(.theme) .topic-full .topic-full-byline,body.theme-light .topic-full .topic-full-byline,body.theme-dark .topic-full .topic-full-byline,body.theme-black .topic-full .topic-full-byline { + color: #f8f8f2 +} + +body:not(.theme) .topic-full .topic-full-text a,body.theme-light .topic-full .topic-full-text a,body.theme-dark .topic-full .topic-full-text a,body.theme-black .topic-full .topic-full-text a { + color: #8be9fd +} + +body:not(.theme) .topic-full .topic-full-text a:hover,body:not(.theme) .topic-full .topic-full-text a:active,body:not(.theme) .topic-full .topic-full-text a:focus,body.theme-light .topic-full .topic-full-text a:hover,body.theme-light .topic-full .topic-full-text a:active,body.theme-light .topic-full .topic-full-text a:focus,body.theme-dark .topic-full .topic-full-text a:hover,body.theme-dark .topic-full .topic-full-text a:active,body.theme-dark .topic-full .topic-full-text a:focus,body.theme-black .topic-full .topic-full-text a:hover,body.theme-black .topic-full .topic-full-text a:active,body.theme-black .topic-full .topic-full-text a:focus { + color: #ff79c6 +} + +body:not(.theme) .topic-full .topic-full-text a:visited,body.theme-light .topic-full .topic-full-text a:visited,body.theme-dark .topic-full .topic-full-text a:visited,body.theme-black .topic-full .topic-full-text a:visited { + color: #8be9fd +} + +body:not(.theme) .topic-full .topic-full-text a:visited:hover,body:not(.theme) .topic-full .topic-full-text a:visited:active,body:not(.theme) .topic-full .topic-full-text a:visited:focus,body.theme-light .topic-full .topic-full-text a:visited:hover,body.theme-light .topic-full .topic-full-text a:visited:active,body.theme-light .topic-full .topic-full-text a:visited:focus,body.theme-dark .topic-full .topic-full-text a:visited:hover,body.theme-dark .topic-full .topic-full-text a:visited:active,body.theme-dark .topic-full .topic-full-text a:visited:focus,body.theme-black .topic-full .topic-full-text a:visited:hover,body.theme-black .topic-full .topic-full-text a:visited:active,body.theme-black .topic-full .topic-full-text a:visited:focus { + color: #ff79c6 +} + +body:not(.theme) .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: #282a36 +} + +body:not(.theme) .topic-info,body.theme-light .topic-info,body.theme-dark .topic-info,body.theme-black .topic-info { + background-color: #282a36 +} + +body:not(.theme) .time-responsive-full,body.theme-light .time-responsive-full,body.theme-dark .time-responsive-full,body.theme-black .time-responsive-full { + color: #f8f8f2 +} + +body:not(.theme) .topic-content-metadata,body.theme-light .topic-content-metadata,body.theme-dark .topic-content-metadata,body.theme-black .topic-content-metadata { + color: #f8f8f2 +} + +body:not(.theme) .topic-text-excerpt,body.theme-light .topic-text-excerpt,body.theme-dark .topic-text-excerpt,body.theme-black .topic-text-excerpt { + color: #6272a4 +} + +body:not(.theme) .topic-text-excerpt[open],body.theme-light .topic-text-excerpt[open],body.theme-dark .topic-text-excerpt[open],body.theme-black .topic-text-excerpt[open] { + color: #f8f8f2 +} + +body:not(.theme) .topic-text-excerpt summary,body:not(.theme) .topic-text-excerpt summary::after,body.theme-light .topic-text-excerpt summary,body.theme-light .topic-text-excerpt summary::after,body.theme-dark .topic-text-excerpt summary,body.theme-dark .topic-text-excerpt summary::after,body.theme-black .topic-text-excerpt summary,body.theme-black .topic-text-excerpt summary::after { + color: #6272a4 +} + +body:not(.theme) .link-group,body.theme-light .link-group,body.theme-dark .link-group,body.theme-black .link-group { + color: #ffb86c +} + +body:not(.theme) .link-group:hover,body:not(.theme) .link-group:active,body:not(.theme) .link-group:focus,body.theme-light .link-group:hover,body.theme-light .link-group:active,body.theme-light .link-group:focus,body.theme-dark .link-group:hover,body.theme-dark .link-group:active,body.theme-dark .link-group:focus,body.theme-black .link-group:hover,body.theme-black .link-group:active,body.theme-black .link-group:focus { + color: #f1fa8c +} + +body:not(.theme) .topic-info-comments a .topic-info-comments-new,body.theme-light .topic-info-comments a .topic-info-comments-new,body.theme-dark .topic-info-comments a .topic-info-comments-new,body.theme-black .topic-info-comments a .topic-info-comments-new { + color: #ffb86c +} + +body:not(.theme) .topic-info-comments a:hover,body:not(.theme) .topic-info-comments a:active,body:not(.theme) .topic-info-comments a:focus,body.theme-light .topic-info-comments a:hover,body.theme-light .topic-info-comments a:active,body.theme-light .topic-info-comments a:focus,body.theme-dark .topic-info-comments a:hover,body.theme-dark .topic-info-comments a:active,body.theme-dark .topic-info-comments a:focus,body.theme-black .topic-info-comments a:hover,body.theme-black .topic-info-comments a:active,body.theme-black .topic-info-comments a:focus { + color: #ff79c6 +} + +body:not(.theme) .topic-info-comments a:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:active .topic-info-comments-new,body.theme-light .topic-info-comments a:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:active .topic-info-comments-new,body.theme-black .topic-info-comments a:focus .topic-info-comments-new { + color: #f1fa8c +} + +body:not(.theme) .topic-info-comments a:visited,body.theme-light .topic-info-comments a:visited,body.theme-dark .topic-info-comments a:visited,body.theme-black .topic-info-comments a:visited { + color: #8be9fd +} + +body:not(.theme) .topic-info-comments a:visited:hover,body:not(.theme) .topic-info-comments a:visited:active,body:not(.theme) .topic-info-comments a:visited:focus,body.theme-light .topic-info-comments a:visited:hover,body.theme-light .topic-info-comments a:visited:active,body.theme-light .topic-info-comments a:visited:focus,body.theme-dark .topic-info-comments a:visited:hover,body.theme-dark .topic-info-comments a:visited:active,body.theme-dark .topic-info-comments a:visited:focus,body.theme-black .topic-info-comments a:visited:hover,body.theme-black .topic-info-comments a:visited:active,body.theme-black .topic-info-comments a:visited:focus { + color: #ff79c6 +} + +body:not(.theme) .topic-info-comments a:visited:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:focus .topic-info-comments-new { + color: #f1fa8c } diff --git a/css/tildes-dracula/tildes-dracula.css b/css/tildes-dracula/tildes-dracula.css index f660222..56dc39e 100644 --- a/css/tildes-dracula/tildes-dracula.css +++ b/css/tildes-dracula/tildes-dracula.css @@ -1,369 +1,663 @@ @-moz-document domain('tildes.net') { - .date-info { - color: #f8f8f2 !important + body:not(.theme) .btn-comment-collapse,body.theme-light .btn-comment-collapse,body.theme-dark .btn-comment-collapse,body.theme-black .btn-comment-collapse { + color: #8be9fd; + border-color: #8be9fd; + background: transparent } - .btn { - border-color: #8be9fd !important; - color: #8be9fd !important + body:not(.theme) .btn-comment-collapse:hover,body:not(.theme) .btn-comment-collapse:active,body:not(.theme) .btn-comment-collapse:focus,body.theme-light .btn-comment-collapse:hover,body.theme-light .btn-comment-collapse:active,body.theme-light .btn-comment-collapse:focus,body.theme-dark .btn-comment-collapse:hover,body.theme-dark .btn-comment-collapse:active,body.theme-dark .btn-comment-collapse:focus,body.theme-black .btn-comment-collapse:hover,body.theme-black .btn-comment-collapse:active,body.theme-black .btn-comment-collapse:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 } - .btn:hover { - border-color: #bd93f9 !important; - background: none !important; - color: #bd93f9 !important + body:not(.theme) .comment,body.theme-light .comment,body.theme-dark .comment,body.theme-black .comment { + border-color: #282a36 } - .btn-primary { - border-color: #8be9fd !important; - background: #8be9fd !important; - color: #6272a4 !important + body:not(.theme) .comment .comment-itself header,body.theme-light .comment .comment-itself header,body.theme-dark .comment .comment-itself header,body.theme-black .comment .comment-itself header { + background-color: #282a36 } - .btn-primary:hover { - border-color: #6272a4 !important; - background: #6272a4 !important; - color: #f8f8f2 !important + body:not(.theme) .comment .comment-nav-link,body.theme-light .comment .comment-nav-link,body.theme-dark .comment .comment-nav-link,body.theme-black .comment .comment-nav-link { + color: #8be9fd } - .btn-used { - border-color: #ff79c6 !important; - color: #ff79c6 !important + body:not(.theme) .comment .comment-nav-link:hover,body:not(.theme) .comment .comment-nav-link:active,body:not(.theme) .comment .comment-nav-link:focus,body.theme-light .comment .comment-nav-link:hover,body.theme-light .comment .comment-nav-link:active,body.theme-light .comment .comment-nav-link:focus,body.theme-dark .comment .comment-nav-link:hover,body.theme-dark .comment .comment-nav-link:active,body.theme-dark .comment .comment-nav-link:focus,body.theme-black .comment .comment-nav-link:hover,body.theme-black .comment .comment-nav-link:active,body.theme-black .comment .comment-nav-link:focus { + color: #ff79c6 } - .btn-used:hover { - border-color: #ff79c6 !important; - background: #ff79c6 !important; - color: #f8f8f2 !important + body:not(.theme) .comment .comment-nav-link:visited,body.theme-light .comment .comment-nav-link:visited,body.theme-dark .comment .comment-nav-link:visited,body.theme-black .comment .comment-nav-link:visited { + color: #8be9fd } - .btn-link { - border-color: transparent !important + body:not(.theme) .comment .comment-nav-link:visited:hover,body:not(.theme) .comment .comment-nav-link:visited:active,body:not(.theme) .comment .comment-nav-link:visited:focus,body.theme-light .comment .comment-nav-link:visited:hover,body.theme-light .comment .comment-nav-link:visited:active,body.theme-light .comment .comment-nav-link:visited:focus,body.theme-dark .comment .comment-nav-link:visited:hover,body.theme-dark .comment .comment-nav-link:visited:active,body.theme-dark .comment .comment-nav-link:visited:focus,body.theme-black .comment .comment-nav-link:visited:hover,body.theme-black .comment .comment-nav-link:visited:active,body.theme-black .comment .comment-nav-link:visited:focus { + color: #ff79c6 } - .btn-link:hover { - border-color: transparent !important + body:not(.theme) .comment .comment-user-info,body.theme-light .comment .comment-user-info,body.theme-dark .comment .comment-user-info,body.theme-black .comment .comment-user-info { + color: #f1fa8c } - .label-comment-tag-offtopic { - border-color: #8be9fd !important; - color: #8be9fd !important + body:not(.theme) .comment .time-responsive-full,body.theme-light .comment .time-responsive-full,body.theme-dark .comment .time-responsive-full,body.theme-black .comment .time-responsive-full { + color: #f8f8f2 } - .label-comment-tag-joke { - border-color: #50fa7b !important; - color: #50fa7b !important + body:not(.theme) .comment[data-comment-depth='0'],body.theme-light .comment[data-comment-depth='0'],body.theme-dark .comment[data-comment-depth='0'],body.theme-black .comment[data-comment-depth='0'] { + border-color: #282a36 } - .label-comment-tag-flame { - border-color: #f55 !important; - color: #f55 !important + body:not(.theme) .is-comment-collapsed header .link-user,body.theme-light .is-comment-collapsed header .link-user,body.theme-dark .is-comment-collapsed header .link-user,body.theme-black .is-comment-collapsed header .link-user { + color: #50fa7b } - .label-comment-tag-troll { - border-color: #ffb86c !important; - color: #ffb86c !important + body:not(.theme) .post-buttons,body.theme-light .post-buttons,body.theme-dark .post-buttons,body.theme-black .post-buttons { + padding: 0 } - .label-comment-tag-noise { - border-color: #f1fa8c !important; - color: #f1fa8c !important + body:not(.theme) .post-button,body.theme-light .post-button,body.theme-dark .post-button,body.theme-black .post-button { + color: #8be9fd; + padding: 6px 8px; + margin: 6px; + margin-bottom: 0px } - .comment { - border-color: #282a36 !important + body:not(.theme) .post-button:hover,body:not(.theme) .post-button:active,body:not(.theme) .post-button:focus,body.theme-light .post-button:hover,body.theme-light .post-button:active,body.theme-light .post-button:focus,body.theme-dark .post-button:hover,body.theme-dark .post-button:active,body.theme-dark .post-button:focus,body.theme-black .post-button:hover,body.theme-black .post-button:active,body.theme-black .post-button:focus { + color: #ff79c6; + text-decoration: none } - .comment header { - background-color: #282a36 !important; - color: #f8f8f2 !important + body:not(.theme) .post-button-used,body.theme-light .post-button-used,body.theme-dark .post-button-used,body.theme-black .post-button-used { + color: #ff79c6; + text-decoration: underline } - .comment header a { - color: #8be9fd !important + body:not(.theme) .post-button-used:hover,body:not(.theme) .post-button-used:active,body:not(.theme) .post-button-used:focus,body.theme-light .post-button-used:hover,body.theme-light .post-button-used:active,body.theme-light .post-button-used:focus,body.theme-dark .post-button-used:hover,body.theme-dark .post-button-used:active,body.theme-dark .post-button-used:focus,body.theme-black .post-button-used:hover,body.theme-black .post-button-used:active,body.theme-black .post-button-used:focus { + color: #8be9fd; + text-decoration: underline } - .comment header a.link-user { - color: #50fa7b !important + body:not(.theme) #page-list,body.theme-light #page-list,body.theme-dark #page-list,body.theme-black #page-list { + background-color: #44475a } - .comment header a.link-user:visited { - color: #ff79c6 !important + body:not(.theme) .toc,body.theme-light .toc,body.theme-dark .toc,body.theme-black .toc { + background-color: #282a36 } - .comment .comment-user-info { - color: #bd93f9 !important + body:not(.theme) .highlight,body.theme-light .highlight,body.theme-dark .highlight,body.theme-black .highlight { + color: #f8f8f2; + background-color: #6272a4 } - .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,.text-error { - color: #f55 !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 { + body:not(.theme) .conspicuous,body.theme-light .conspicuous,body.theme-dark .conspicuous,body.theme-black .conspicuous { + color: #f55; font-family: sans-serif } - main,aside { - background-color: #44475a !important + body:not(.theme) .date-info,body.theme-light .date-info,body.theme-dark .date-info,body.theme-black .date-info { + color: #f8f8f2 } - blockquote { - border-color: #f8f8f2 !important; - background-color: #282a36 !important + body:not(.theme) .article-summary,body.theme-light .article-summary,body.theme-dark .article-summary,body.theme-black .article-summary { + border-color: #f8f8f2 } - textarea,input { - border-color: #6272a4 !important; - background-color: #282a36 !important; - color: #f8f8f2 !important + body:not(.theme) .article-summary h2 a,body.theme-light .article-summary h2 a,body.theme-dark .article-summary h2 a,body.theme-black .article-summary h2 a { + color: #f8f8f2 } - tr { - background-color: #282a36 !important + body>footer,#site-footer { + color: #f8f8f2; + background-color: #282a36; + padding: 0.5rem; + font-style: normal; + font-weight: bold } - td { - border-color: #44475a !important; - border-bottom-width: 0.2rem !important + body>footer a,#site-footer a { + color: #8be9fd } - pre,code { - border: none !important; - background-color: #282a36 !important; - color: #f8f8f2 !important + body>footer a:hover,body>footer a:active,body>footer a:focus,#site-footer a:hover,#site-footer a:active,#site-footer a:focus { + color: #ff79c6 } - pre { - padding: 5px 10px !important + body>footer a:visited,#site-footer a:visited { + color: #8be9fd } - code { - padding: 0 !important + body>footer a:visited:hover,body>footer a:visited:active,body>footer a:visited:focus,#site-footer a:visited:hover,#site-footer a:visited:active,#site-footer a:visited:focus { + color: #ff79c6 } - section { - border-color: #282a36 !important + body:not(.theme) .group-list tbody tr:nth-of-type(n),body.theme-light .group-list tbody tr:nth-of-type(n),body.theme-dark .group-list tbody tr:nth-of-type(n),body.Theme-black .group-list tbody tr:nth-of-type(n) { + background-color: #282a36 } - footer { - background-color: #282a36 !important + body:not(.theme) .group-list tbody tr:nth-of-type(n) td,body.theme-light .group-list tbody tr:nth-of-type(n) td,body.theme-dark .group-list tbody tr:nth-of-type(n) td,body.Theme-black .group-list tbody tr:nth-of-type(n) td { + border-color: #44475a } - .tab { - border-color: #6272a4 !important + body:not(.theme) .group-list .group-list-description,body.theme-light .group-list .group-list-description,body.theme-dark .group-list .group-list-description,body.Theme-black .group-list .group-list-description { + font-style: normal } - .tab .tab-item a { - color: #f8f8f2 !important + body:not(.theme) .table th,body.theme-light .table th,body.theme-dark .table th,body.Theme-black .table th { + border-bottom-color: #6272a4 } - .tab .tab-item a:hover { - color: #8be9fd !important + body:not(.theme),body.theme-light,body.theme-dark,body.theme-black { + color: #f8f8f2; + background-color: #282a36 } - .tab .tab-item.active a { - color: #8be9fd !important; - border-bottom-color: #8be9fd !important + body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme-light #sidebar,body.theme-dark main,body.theme-dark #sidebar,body.theme-black main,body.theme-black #sidebar { + color: #f8f8f2; + background-color: #44475a } - .tab .tab-listing-order { - border-color: #6272a4 !important + body:not(.theme) pre,body:not(.theme) 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 { + color: #f8f8f2; + background-color: #282a36; + border: none; + font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace } - .form-select { - border-color: #6272a4 !important + body:not(.theme) blockquote,body.theme-light blockquote,body.theme-dark blockquote,body.theme-black blockquote { + color: #f8f8f2; + background-color: #282a36; + border-color: #f8f8f2 } - .form-select:not([multiple]):not([size]) { - background-color: #44475a !important + body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.theme-light section,body.theme-dark figure,body.theme-dark section,body.theme-black figure,body.theme-black section { + border-color: #f8f8f2 } - .message { - border-top: none !important; - border-right: none !important; - border-bottom: none !important; - border-color: #282a36 !important + body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-black input,body.theme-black textarea,body.theme-black .form-input { + color: #f8f8f2; + border-color: #6272a4; + background-color: #282a36 } - .message header { - background-color: #282a36 !important + a { + color: #8be9fd } - .message .message-text { - color: #f8f8f2 !important + a:hover,a:active,a:focus { + color: #ff79c6 + } + + a:visited { + color: #ff79c6 + } + + hr { + border-color: #f8f8f2 + } + + body:not(.theme) .listing-options button,body.theme-light .listing-options button,body.theme-black .listing-options button,body.theme-dark .listing-options button { + border: none + } + + body:not(.theme) .listing-options button:hover,body:not(.theme) .listing-options button:active,body:not(.theme) .listing-options button:focus,body.theme-light .listing-options button:hover,body.theme-light .listing-options button:active,body.theme-light .listing-options button:focus,body.theme-black .listing-options button:hover,body.theme-black .listing-options button:active,body.theme-black .listing-options button:focus,body.theme-dark .listing-options button:hover,body.theme-dark .listing-options button:active,body.theme-dark .listing-options button:focus { + color: #ff79c6; + background-color: transparent; + text-decoration: underline + } + + body:not(.theme) .tab.tab-listing-order,body.theme-light .tab.tab-listing-order,body.theme-black .tab.tab-listing-order,body.theme-dark .tab.tab-listing-order { + border-color: #282a36 + } + + body:not(.theme) .tab.tab-listing-order .tab-item,body.theme-light .tab.tab-listing-order .tab-item,body.theme-black .tab.tab-listing-order .tab-item,body.theme-dark .tab.tab-listing-order .tab-item { + margin: 4px; + padding: 0; + background-color: #282a36 + } + + body:not(.theme) .tab.tab-listing-order .tab-item:first-child,body.theme-light .tab.tab-listing-order .tab-item:first-child,body.theme-black .tab.tab-listing-order .tab-item:first-child,body.theme-dark .tab.tab-listing-order .tab-item:first-child { + margin-left: 0 + } + + body:not(.theme) .tab.tab-listing-order .tab-item:last-child,body.theme-light .tab.tab-listing-order .tab-item:last-child,body.theme-black .tab.tab-listing-order .tab-item:last-child,body.theme-dark .tab.tab-listing-order .tab-item:last-child { + margin-right: 0 + } + + body:not(.theme) .tab.tab-listing-order .tab-item a,body.theme-light .tab.tab-listing-order .tab-item a,body.theme-black .tab.tab-listing-order .tab-item a,body.theme-dark .tab.tab-listing-order .tab-item a { + margin: 0; + padding: 4px 8px + } + + body:not(.theme) .tab.tab-listing-order .tab-item a:hover,body:not(.theme) .tab.tab-listing-order .tab-item a:active,body:not(.theme) .tab.tab-listing-order .tab-item a:focus,body.theme-light .tab.tab-listing-order .tab-item a:hover,body.theme-light .tab.tab-listing-order .tab-item a:active,body.theme-light .tab.tab-listing-order .tab-item a:focus,body.theme-black .tab.tab-listing-order .tab-item a:hover,body.theme-black .tab.tab-listing-order .tab-item a:active,body.theme-black .tab.tab-listing-order .tab-item a:focus,body.theme-dark .tab.tab-listing-order .tab-item a:hover,body.theme-dark .tab.tab-listing-order .tab-item a:active,body.theme-dark .tab.tab-listing-order .tab-item a:focus { + color: #8be9fd + } + + body:not(.theme) .tab.tab-listing-order .tab-item.active a,body.theme-light .tab.tab-listing-order .tab-item.active a,body.theme-black .tab.tab-listing-order .tab-item.active a,body.theme-dark .tab.tab-listing-order .tab-item.active a { + color: #ff79c6; + border-color: #ff79c6 + } + + body:not(.theme) .form-select:not([multiple]):not([size]),body.theme-light .form-select:not([multiple]):not([size]),body.theme-black .form-select:not([multiple]):not([size]),body.theme-dark .form-select:not([multiple]):not([size]) { + border: 1px solid #6272a4; + background-color: #282a36; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") + } + + body:not(.theme) .message-list thead th,body.theme-light .message-list thead th,body.theme-dark .message-list thead th,body.theme-black .message-list thead th { + border-color: #6272a4 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n),body.theme-light .message-list tbody tr:nth-of-type(n),body.theme-dark .message-list tbody tr:nth-of-type(n),body.theme-black .message-list tbody tr:nth-of-type(n) { + background-color: #282a36 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) td,body.theme-light .message-list tbody tr:nth-of-type(n) td,body.theme-dark .message-list tbody tr:nth-of-type(n) td,body.theme-black .message-list tbody tr:nth-of-type(n) td { + border-color: #44475a + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a { + color: #8be9fd + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus { + color: #ff79c6 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited { + color: #8be9fd + } + + body:not(.theme) .message,body.theme-light .message,body.theme-dark .message,body.theme-black .message { + border-color: #282a36 + } + + body:not(.theme) .message header,body.theme-light .message header,body.theme-dark .message header,body.theme-black .message header { + color: #f8f8f2; + background-color: #282a36 + } + + body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider { + border-color: #282a36 + } + + body:not(.theme) .empty-subtitle,body.theme-light .empty-subtitle,body.theme-dark .empty-subtitle,body.theme-black .empty-subtitle { + color: #f8f8f2 + } + + body:not(.theme) .post-listing .topic,body.theme-light .post-listing .topic,body.theme-dark .post-listing .topic,body.theme-black .post-listing .topic { + background-color: #282a36 + } + + body:not(.theme) .link-user,body.theme-light .link-user,body.theme-dark .link-user,body.theme-black .link-user { + color: #50fa7b + } + + body:not(.theme) .link-user:hover,body:not(.theme) .link-user:active,body:not(.theme) .link-user:focus,body.theme-light .link-user:hover,body.theme-light .link-user:active,body.theme-light .link-user:focus,body.theme-dark .link-user:hover,body.theme-dark .link-user:active,body.theme-dark .link-user:focus,body.theme-black .link-user:hover,body.theme-black .link-user:active,body.theme-black .link-user:focus { + color: #ff79c6 + } + + body:not(.theme) .link-user:visited,body.theme-light .link-user:visited,body.theme-dark .link-user:visited,body.theme-black .link-user:visited { + color: #50fa7b + } + + body:not(.theme) .link-user:visited:hover,body:not(.theme) .link-user:visited:active,body:not(.theme) .link-user:visited:focus,body.theme-light .link-user:visited:hover,body.theme-light .link-user:visited:active,body.theme-light .link-user:visited:focus,body.theme-dark .link-user:visited:hover,body.theme-dark .link-user:visited:active,body.theme-dark .link-user:visited:focus,body.theme-black .link-user:visited:hover,body.theme-black .link-user:visited:active,body.theme-black .link-user:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .label-topic-tag a,body.theme-light .label-topic-tag a,body.theme-dark .label-topic-tag a,body.theme-black .label-topic-tag a { + color: #6272a4 + } + + body:not(.theme) .label-topic-tag a:hover,body:not(.theme) .label-topic-tag a:active,body:not(.theme) .label-topic-tag a:focus,body.theme-light .label-topic-tag a:hover,body.theme-light .label-topic-tag a:active,body.theme-light .label-topic-tag a:focus,body.theme-dark .label-topic-tag a:hover,body.theme-dark .label-topic-tag a:active,body.theme-dark .label-topic-tag a:focus,body.theme-black .label-topic-tag a:hover,body.theme-black .label-topic-tag a:active,body.theme-black .label-topic-tag a:focus { + color: #ff79c6 + } + + body:not(.theme) .text-secondary,body.theme-light .text-secondary,body.theme-dark .text-secondary,body.theme-black .text-secondary { + font-style: normal; + font-weight: bold; + color: #6272a4 + } + + body:not(.theme) .text-warning,body.theme-light .text-warning,body.theme-dark .text-warning,body.theme-black .text-warning { + color: #282a36; + background-color: #ffb86c; + padding: 10px + } + + body:not(.theme) blockquote.text-warning,body.theme-light blockquote.text-warning,body.theme-dark blockquote.text-warning,body.theme-black blockquote.text-warning { + color: #f8f8f2; + background-color: #282a36 + } + + body:not(.theme) .form-status-success,body.theme-light .form-status-success,body.theme-dark .form-status-success,body.theme-black .form-status-success { + color: #50fa7b + } + + body:not(.theme) .form-status-error,body.theme-light .form-status-error,body.theme-dark .form-status-error,body.theme-black .form-status-error { + color: #f55 + } + + .topic-voting.btn { + border-style: solid + } + + .btn,.btn.btn-link { + color: #8be9fd; + border-color: #8be9fd; + background: transparent + } + + .btn:hover,.btn:active,.btn:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn:visited,.btn.btn-link:visited { + color: #8be9fd; + border-color: #8be9fd; + background: transparent + } + + .btn:visited:hover,.btn:visited:active,.btn:visited:focus,.btn.btn-link:visited:hover,.btn.btn-link:visited:active,.btn.btn-link:visited:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn-used { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn.btn-primary { + color: #282a36; + background: #8be9fd; + border-color: #8be9fd + } + + .btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .is-topic-official { + border-left-color: #f55 !important + } + + .is-topic-official h1 a { + color: #f55 + } + + .is-topic-mine { + border-left-color: #bd93f9 !important + } + + .is-topic-mine h1 a { + color: #bd93f9 + } + + .is-topic-mine .topic-voting { + color: #f8f8f2 + } + + .is-topic-official h1 a:visited { + color: #f55 + } + + .is-topic-mine h1 a:visited { + color: #bd93f9 + } + + .topic-icon { + border-color: #8be9fd + } + + .is-comment-by-op>.comment-itself { + border-color: #f1fa8c !important + } + + .is-comment-mine>.comment-itself { + border-color: #bd93f9 !important + } + + .is-comment-new>.comment-itself { + border-color: #ffb86c !important } .is-message-mine { - border-width: 1px !important; - margin-left: 0 !important + border-left-color: #bd93f9 !important } - #new-topic fieldset,#new-topic .divider { - border-color: #282a36 !important + body:not(.theme) .settings-list,body.theme-light .settings-list,body.theme-dark .settings-list,body.theme-black .settings-list { + margin-left: 0px } - #new-topic .divider::after { - color: #f8f8f2 !important; - background: #282a36 !important + body:not(.theme) .settings-list li,body.theme-light .settings-list li,body.theme-dark .settings-list li,body.theme-black .settings-list li { + background-color: #282a36; + border: 1px solid #6272a4; + padding: 15px; + margin-top: 15px; + margin-bottom: 15px } - #new-topic input { - color: #f8f8f2 !important; - background-color: #282a36 !important; - border-color: #6272a4 !important + body:not(.theme) .settings-list a,body.theme-light .settings-list a,body.theme-dark .settings-list a,body.theme-black .settings-list a { + color: #8be9fd + } + + body:not(.theme) .settings-list a:hover,body:not(.theme) .settings-list a:active,body:not(.theme) .settings-list a:focus,body.theme-light .settings-list a:hover,body.theme-light .settings-list a:active,body.theme-light .settings-list a:focus,body.theme-dark .settings-list a:hover,body.theme-dark .settings-list a:active,body.theme-dark .settings-list a:focus,body.theme-black .settings-list a:hover,body.theme-black .settings-list a:active,body.theme-black .settings-list a:focus { + color: #ff79c6 + } + + body:not(.theme) .settings-list a:visited,body.theme-light .settings-list a:visited,body.theme-dark .settings-list a:visited,body.theme-black .settings-list a:visited { + color: #8be9fd + } + + body:not(.theme) .settings-list a:visited:hover,body:not(.theme) .settings-list a:visited:active,body:not(.theme) .settings-list a:visited:focus,body.theme-light .settings-list a:visited:hover,body.theme-light .settings-list a:visited:active,body.theme-light .settings-list a:visited:focus,body.theme-dark .settings-list a:visited:hover,body.theme-dark .settings-list a:visited:active,body.theme-dark .settings-list a:visited:focus,body.theme-black .settings-list a:visited:hover,body.theme-black .settings-list a:visited:active,body.theme-black .settings-list a:visited:focus { + color: #ff79c6 + } + + #sidebar .nav .nav-item a { + color: #ffb86c + } + + #sidebar .nav .nav-item a:hover,#sidebar .nav .nav-item a:active,#sidebar .nav .nav-item a:focus { + color: #f1fa8c + } + + #sidebar .nav .nav-item a:visited { + color: #ffb86c + } + + #sidebar .nav .nav-item a:visited:hover,#sidebar .nav .nav-item a:visited:active,#sidebar .nav .nav-item a:visited:focus { + color: #f1fa8c + } + + #sidebar .topic-tags { + margin-bottom: 0.5rem + } + + #sidebar .label-topic-tag { + color: #6272a4 + } + + #sidebar .label-topic-tag:hover { + color: #f8f8f2; + cursor: default + } + + body:not(.theme) .site-header-logo,body.theme-light .site-header-logo,body.theme-black .site-header-logo,body.theme-dark .site-header-logo { + color: #f8f8f2 + } + + body:not(.theme) .site-header-context,body.theme-light .site-header-context,body.theme-black .site-header-context,body.theme-dark .site-header-context { + color: #ffb86c + } + + body:not(.theme) .site-header-context:hover,body:not(.theme) .site-header-context:active,body:not(.theme) .site-header-context:focus,body.theme-light .site-header-context:hover,body.theme-light .site-header-context:active,body.theme-light .site-header-context:focus,body.theme-black .site-header-context:hover,body.theme-black .site-header-context:active,body.theme-black .site-header-context:focus,body.theme-dark .site-header-context:hover,body.theme-dark .site-header-context:active,body.theme-dark .site-header-context:focus { + color: #f1fa8c + } + + body:not(.theme) .logged-in-user-username,body.theme-light .logged-in-user-username,body.theme-black .logged-in-user-username,body.theme-dark .logged-in-user-username { + color: #50fa7b + } + + body:not(.theme) .logged-in-user-username:hover,body:not(.theme) .logged-in-user-username:active,body:not(.theme) .logged-in-user-username:focus,body.theme-light .logged-in-user-username:hover,body.theme-light .logged-in-user-username:active,body.theme-light .logged-in-user-username:focus,body.theme-black .logged-in-user-username:hover,body.theme-black .logged-in-user-username:active,body.theme-black .logged-in-user-username:focus,body.theme-dark .logged-in-user-username:hover,body.theme-dark .logged-in-user-username:active,body.theme-dark .logged-in-user-username:focus { + color: #ff79c6 + } + + body:not(.theme) .logged-in-user-alert,body.theme-light .logged-in-user-alert,body.theme-black .logged-in-user-alert,body.theme-dark .logged-in-user-alert { + color: #282a36; + background-color: #ffb86c; + padding: 0.1rem 0.3rem; + margin-top: 0.2rem; + justify-content: left + } + + body:not(.theme) .logged-in-user-alert:hover,body:not(.theme) .logged-in-user-alert:active,body:not(.theme) .logged-in-user-alert:focus,body.theme-light .logged-in-user-alert:hover,body.theme-light .logged-in-user-alert:active,body.theme-light .logged-in-user-alert:focus,body.theme-black .logged-in-user-alert:hover,body.theme-black .logged-in-user-alert:active,body.theme-black .logged-in-user-alert:focus,body.theme-dark .logged-in-user-alert:hover,body.theme-dark .logged-in-user-alert:active,body.theme-dark .logged-in-user-alert:focus { + background-color: #f1fa8c } body>header>a:nth-child(1):not(.no-header-logo) { - 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 + color: #f8f8f2; + background-size: 32px 32px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") } .user-label { border-radius: 0 !important; - padding: 1px 3px !important + padding: 3px 5px !important } - .bg-red { - background-color: #f55 !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 { + .label-edit-box { + color: #f8f8f2 !important; background-color: #282a36 !important } - .topic-listing { + .label-edit-box input { + border: 1px solid #6272a4 !important; background-color: #44475a !important } - .topic-listing>li { - background-color: #282a36 !important + .label-light,.label-dark { + color: transparent !important } - .topic-listing .label-topic-tag>* { - color: #6272a4 !important + .bg-none { + color: #f8f8f2 !important; + border-color: #6272a4 !important } - .is-topic-official { - border-color: #ffb86c !important + .bg-red { + color: #282a36 !important; + background-color: #f55 !important } - .topic-title a { - color: #8be9fd !important + .bg-orangered { + color: #282a36 !important; + background-color: #ffb86c !important } - .topic-title a:visited { - color: #ff79c6 !important + .bg-orange { + color: #282a36 !important; + background-color: #f1fa8c !important } - .topic-info .time-responsive { - color: #50fa7b !important + .bg-dodgerblue { + color: #282a36 !important; + background-color: #8be9fd !important } - .topic-metadata .topic-tags li { - color: #6272a4 !important + .bg-forestgreen { + color: #282a36 !important; + background-color: #50fa7b !important } - .topic-info-comments-new { - color: #f1fa8c !important + .bg-slategray { + color: #f8f8f2 !important; + background-color: #44475a !important + } + + body:not(.theme) .topic-full .topic-full-byline,body.theme-light .topic-full .topic-full-byline,body.theme-dark .topic-full .topic-full-byline,body.theme-black .topic-full .topic-full-byline { + color: #f8f8f2 + } + + body:not(.theme) .topic-full .topic-full-text a,body.theme-light .topic-full .topic-full-text a,body.theme-dark .topic-full .topic-full-text a,body.theme-black .topic-full .topic-full-text a { + color: #8be9fd + } + + body:not(.theme) .topic-full .topic-full-text a:hover,body:not(.theme) .topic-full .topic-full-text a:active,body:not(.theme) .topic-full .topic-full-text a:focus,body.theme-light .topic-full .topic-full-text a:hover,body.theme-light .topic-full .topic-full-text a:active,body.theme-light .topic-full .topic-full-text a:focus,body.theme-dark .topic-full .topic-full-text a:hover,body.theme-dark .topic-full .topic-full-text a:active,body.theme-dark .topic-full .topic-full-text a:focus,body.theme-black .topic-full .topic-full-text a:hover,body.theme-black .topic-full .topic-full-text a:active,body.theme-black .topic-full .topic-full-text a:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-full .topic-full-text a:visited,body.theme-light .topic-full .topic-full-text a:visited,body.theme-dark .topic-full .topic-full-text a:visited,body.theme-black .topic-full .topic-full-text a:visited { + color: #8be9fd + } + + body:not(.theme) .topic-full .topic-full-text a:visited:hover,body:not(.theme) .topic-full .topic-full-text a:visited:active,body:not(.theme) .topic-full .topic-full-text a:visited:focus,body.theme-light .topic-full .topic-full-text a:visited:hover,body.theme-light .topic-full .topic-full-text a:visited:active,body.theme-light .topic-full .topic-full-text a:visited:focus,body.theme-dark .topic-full .topic-full-text a:visited:hover,body.theme-dark .topic-full .topic-full-text a:visited:active,body.theme-dark .topic-full .topic-full-text a:visited:focus,body.theme-black .topic-full .topic-full-text a:visited:hover,body.theme-black .topic-full .topic-full-text a:visited:active,body.theme-black .topic-full .topic-full-text a:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .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: #282a36 + } + + body:not(.theme) .topic-info,body.theme-light .topic-info,body.theme-dark .topic-info,body.theme-black .topic-info { + background-color: #282a36 + } + + body:not(.theme) .time-responsive-full,body.theme-light .time-responsive-full,body.theme-dark .time-responsive-full,body.theme-black .time-responsive-full { + color: #f8f8f2 + } + + body:not(.theme) .topic-content-metadata,body.theme-light .topic-content-metadata,body.theme-dark .topic-content-metadata,body.theme-black .topic-content-metadata { + color: #f8f8f2 + } + + body:not(.theme) .topic-text-excerpt,body.theme-light .topic-text-excerpt,body.theme-dark .topic-text-excerpt,body.theme-black .topic-text-excerpt { + color: #6272a4 + } + + body:not(.theme) .topic-text-excerpt[open],body.theme-light .topic-text-excerpt[open],body.theme-dark .topic-text-excerpt[open],body.theme-black .topic-text-excerpt[open] { + color: #f8f8f2 + } + + body:not(.theme) .topic-text-excerpt summary,body:not(.theme) .topic-text-excerpt summary::after,body.theme-light .topic-text-excerpt summary,body.theme-light .topic-text-excerpt summary::after,body.theme-dark .topic-text-excerpt summary,body.theme-dark .topic-text-excerpt summary::after,body.theme-black .topic-text-excerpt summary,body.theme-black .topic-text-excerpt summary::after { + color: #6272a4 + } + + body:not(.theme) .link-group,body.theme-light .link-group,body.theme-dark .link-group,body.theme-black .link-group { + color: #ffb86c + } + + body:not(.theme) .link-group:hover,body:not(.theme) .link-group:active,body:not(.theme) .link-group:focus,body.theme-light .link-group:hover,body.theme-light .link-group:active,body.theme-light .link-group:focus,body.theme-dark .link-group:hover,body.theme-dark .link-group:active,body.theme-dark .link-group:focus,body.theme-black .link-group:hover,body.theme-black .link-group:active,body.theme-black .link-group:focus { + color: #f1fa8c + } + + body:not(.theme) .topic-info-comments a .topic-info-comments-new,body.theme-light .topic-info-comments a .topic-info-comments-new,body.theme-dark .topic-info-comments a .topic-info-comments-new,body.theme-black .topic-info-comments a .topic-info-comments-new { + color: #ffb86c + } + + body:not(.theme) .topic-info-comments a:hover,body:not(.theme) .topic-info-comments a:active,body:not(.theme) .topic-info-comments a:focus,body.theme-light .topic-info-comments a:hover,body.theme-light .topic-info-comments a:active,body.theme-light .topic-info-comments a:focus,body.theme-dark .topic-info-comments a:hover,body.theme-dark .topic-info-comments a:active,body.theme-dark .topic-info-comments a:focus,body.theme-black .topic-info-comments a:hover,body.theme-black .topic-info-comments a:active,body.theme-black .topic-info-comments a:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-info-comments a:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:active .topic-info-comments-new,body.theme-light .topic-info-comments a:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:active .topic-info-comments-new,body.theme-black .topic-info-comments a:focus .topic-info-comments-new { + color: #f1fa8c + } + + body:not(.theme) .topic-info-comments a:visited,body.theme-light .topic-info-comments a:visited,body.theme-dark .topic-info-comments a:visited,body.theme-black .topic-info-comments a:visited { + color: #8be9fd + } + + body:not(.theme) .topic-info-comments a:visited:hover,body:not(.theme) .topic-info-comments a:visited:active,body:not(.theme) .topic-info-comments a:visited:focus,body.theme-light .topic-info-comments a:visited:hover,body.theme-light .topic-info-comments a:visited:active,body.theme-light .topic-info-comments a:visited:focus,body.theme-dark .topic-info-comments a:visited:hover,body.theme-dark .topic-info-comments a:visited:active,body.theme-dark .topic-info-comments a:visited:focus,body.theme-black .topic-info-comments a:visited:hover,body.theme-black .topic-info-comments a:visited:active,body.theme-black .topic-info-comments a:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-info-comments a:visited:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:focus .topic-info-comments-new { + color: #f1fa8c } } diff --git a/css/tildes-dracula/tildes-dracula.user.css b/css/tildes-dracula/tildes-dracula.user.css index d58e8ac..03b60c9 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 1.0.3 +@version 2.0.0 @author Bauke @description Dracula theme for Tildes.net @homepageURL https://gitlab.com/Bauke/styles @@ -9,371 +9,665 @@ @license MIT ==/UserStyle== */ @-moz-document domain('tildes.net') { - .date-info { - color: #f8f8f2 !important + body:not(.theme) .btn-comment-collapse,body.theme-light .btn-comment-collapse,body.theme-dark .btn-comment-collapse,body.theme-black .btn-comment-collapse { + color: #8be9fd; + border-color: #8be9fd; + background: transparent } - .btn { - border-color: #8be9fd !important; - color: #8be9fd !important + body:not(.theme) .btn-comment-collapse:hover,body:not(.theme) .btn-comment-collapse:active,body:not(.theme) .btn-comment-collapse:focus,body.theme-light .btn-comment-collapse:hover,body.theme-light .btn-comment-collapse:active,body.theme-light .btn-comment-collapse:focus,body.theme-dark .btn-comment-collapse:hover,body.theme-dark .btn-comment-collapse:active,body.theme-dark .btn-comment-collapse:focus,body.theme-black .btn-comment-collapse:hover,body.theme-black .btn-comment-collapse:active,body.theme-black .btn-comment-collapse:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 } - .btn:hover { - border-color: #bd93f9 !important; - background: none !important; - color: #bd93f9 !important + body:not(.theme) .comment,body.theme-light .comment,body.theme-dark .comment,body.theme-black .comment { + border-color: #282a36 } - .btn-primary { - border-color: #8be9fd !important; - background: #8be9fd !important; - color: #6272a4 !important + body:not(.theme) .comment .comment-itself header,body.theme-light .comment .comment-itself header,body.theme-dark .comment .comment-itself header,body.theme-black .comment .comment-itself header { + background-color: #282a36 } - .btn-primary:hover { - border-color: #6272a4 !important; - background: #6272a4 !important; - color: #f8f8f2 !important + body:not(.theme) .comment .comment-nav-link,body.theme-light .comment .comment-nav-link,body.theme-dark .comment .comment-nav-link,body.theme-black .comment .comment-nav-link { + color: #8be9fd } - .btn-used { - border-color: #ff79c6 !important; - color: #ff79c6 !important + body:not(.theme) .comment .comment-nav-link:hover,body:not(.theme) .comment .comment-nav-link:active,body:not(.theme) .comment .comment-nav-link:focus,body.theme-light .comment .comment-nav-link:hover,body.theme-light .comment .comment-nav-link:active,body.theme-light .comment .comment-nav-link:focus,body.theme-dark .comment .comment-nav-link:hover,body.theme-dark .comment .comment-nav-link:active,body.theme-dark .comment .comment-nav-link:focus,body.theme-black .comment .comment-nav-link:hover,body.theme-black .comment .comment-nav-link:active,body.theme-black .comment .comment-nav-link:focus { + color: #ff79c6 } - .btn-used:hover { - border-color: #ff79c6 !important; - background: #ff79c6 !important; - color: #f8f8f2 !important + body:not(.theme) .comment .comment-nav-link:visited,body.theme-light .comment .comment-nav-link:visited,body.theme-dark .comment .comment-nav-link:visited,body.theme-black .comment .comment-nav-link:visited { + color: #8be9fd } - .btn-link { - border-color: transparent !important + body:not(.theme) .comment .comment-nav-link:visited:hover,body:not(.theme) .comment .comment-nav-link:visited:active,body:not(.theme) .comment .comment-nav-link:visited:focus,body.theme-light .comment .comment-nav-link:visited:hover,body.theme-light .comment .comment-nav-link:visited:active,body.theme-light .comment .comment-nav-link:visited:focus,body.theme-dark .comment .comment-nav-link:visited:hover,body.theme-dark .comment .comment-nav-link:visited:active,body.theme-dark .comment .comment-nav-link:visited:focus,body.theme-black .comment .comment-nav-link:visited:hover,body.theme-black .comment .comment-nav-link:visited:active,body.theme-black .comment .comment-nav-link:visited:focus { + color: #ff79c6 } - .btn-link:hover { - border-color: transparent !important + body:not(.theme) .comment .comment-user-info,body.theme-light .comment .comment-user-info,body.theme-dark .comment .comment-user-info,body.theme-black .comment .comment-user-info { + color: #f1fa8c } - .label-comment-tag-offtopic { - border-color: #8be9fd !important; - color: #8be9fd !important + body:not(.theme) .comment .time-responsive-full,body.theme-light .comment .time-responsive-full,body.theme-dark .comment .time-responsive-full,body.theme-black .comment .time-responsive-full { + color: #f8f8f2 } - .label-comment-tag-joke { - border-color: #50fa7b !important; - color: #50fa7b !important + body:not(.theme) .comment[data-comment-depth='0'],body.theme-light .comment[data-comment-depth='0'],body.theme-dark .comment[data-comment-depth='0'],body.theme-black .comment[data-comment-depth='0'] { + border-color: #282a36 } - .label-comment-tag-flame { - border-color: #f55 !important; - color: #f55 !important + body:not(.theme) .is-comment-collapsed header .link-user,body.theme-light .is-comment-collapsed header .link-user,body.theme-dark .is-comment-collapsed header .link-user,body.theme-black .is-comment-collapsed header .link-user { + color: #50fa7b } - .label-comment-tag-troll { - border-color: #ffb86c !important; - color: #ffb86c !important + body:not(.theme) .post-buttons,body.theme-light .post-buttons,body.theme-dark .post-buttons,body.theme-black .post-buttons { + padding: 0 } - .label-comment-tag-noise { - border-color: #f1fa8c !important; - color: #f1fa8c !important + body:not(.theme) .post-button,body.theme-light .post-button,body.theme-dark .post-button,body.theme-black .post-button { + color: #8be9fd; + padding: 6px 8px; + margin: 6px; + margin-bottom: 0px } - .comment { - border-color: #282a36 !important + body:not(.theme) .post-button:hover,body:not(.theme) .post-button:active,body:not(.theme) .post-button:focus,body.theme-light .post-button:hover,body.theme-light .post-button:active,body.theme-light .post-button:focus,body.theme-dark .post-button:hover,body.theme-dark .post-button:active,body.theme-dark .post-button:focus,body.theme-black .post-button:hover,body.theme-black .post-button:active,body.theme-black .post-button:focus { + color: #ff79c6; + text-decoration: none } - .comment header { - background-color: #282a36 !important; - color: #f8f8f2 !important + body:not(.theme) .post-button-used,body.theme-light .post-button-used,body.theme-dark .post-button-used,body.theme-black .post-button-used { + color: #ff79c6; + text-decoration: underline } - .comment header a { - color: #8be9fd !important + body:not(.theme) .post-button-used:hover,body:not(.theme) .post-button-used:active,body:not(.theme) .post-button-used:focus,body.theme-light .post-button-used:hover,body.theme-light .post-button-used:active,body.theme-light .post-button-used:focus,body.theme-dark .post-button-used:hover,body.theme-dark .post-button-used:active,body.theme-dark .post-button-used:focus,body.theme-black .post-button-used:hover,body.theme-black .post-button-used:active,body.theme-black .post-button-used:focus { + color: #8be9fd; + text-decoration: underline } - .comment header a.link-user { - color: #50fa7b !important + body:not(.theme) #page-list,body.theme-light #page-list,body.theme-dark #page-list,body.theme-black #page-list { + background-color: #44475a } - .comment header a.link-user:visited { - color: #ff79c6 !important + body:not(.theme) .toc,body.theme-light .toc,body.theme-dark .toc,body.theme-black .toc { + background-color: #282a36 } - .comment .comment-user-info { - color: #bd93f9 !important + body:not(.theme) .highlight,body.theme-light .highlight,body.theme-dark .highlight,body.theme-black .highlight { + color: #f8f8f2; + background-color: #6272a4 } - .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,.text-error { - color: #f55 !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 { + body:not(.theme) .conspicuous,body.theme-light .conspicuous,body.theme-dark .conspicuous,body.theme-black .conspicuous { + color: #f55; font-family: sans-serif } - main,aside { - background-color: #44475a !important + body:not(.theme) .date-info,body.theme-light .date-info,body.theme-dark .date-info,body.theme-black .date-info { + color: #f8f8f2 } - blockquote { - border-color: #f8f8f2 !important; - background-color: #282a36 !important + body:not(.theme) .article-summary,body.theme-light .article-summary,body.theme-dark .article-summary,body.theme-black .article-summary { + border-color: #f8f8f2 } - textarea,input { - border-color: #6272a4 !important; - background-color: #282a36 !important; - color: #f8f8f2 !important + body:not(.theme) .article-summary h2 a,body.theme-light .article-summary h2 a,body.theme-dark .article-summary h2 a,body.theme-black .article-summary h2 a { + color: #f8f8f2 } - tr { - background-color: #282a36 !important + body>footer,#site-footer { + color: #f8f8f2; + background-color: #282a36; + padding: 0.5rem; + font-style: normal; + font-weight: bold } - td { - border-color: #44475a !important; - border-bottom-width: 0.2rem !important + body>footer a,#site-footer a { + color: #8be9fd } - pre,code { - border: none !important; - background-color: #282a36 !important; - color: #f8f8f2 !important + body>footer a:hover,body>footer a:active,body>footer a:focus,#site-footer a:hover,#site-footer a:active,#site-footer a:focus { + color: #ff79c6 } - pre { - padding: 5px 10px !important + body>footer a:visited,#site-footer a:visited { + color: #8be9fd } - code { - padding: 0 !important + body>footer a:visited:hover,body>footer a:visited:active,body>footer a:visited:focus,#site-footer a:visited:hover,#site-footer a:visited:active,#site-footer a:visited:focus { + color: #ff79c6 } - section { - border-color: #282a36 !important + body:not(.theme) .group-list tbody tr:nth-of-type(n),body.theme-light .group-list tbody tr:nth-of-type(n),body.theme-dark .group-list tbody tr:nth-of-type(n),body.Theme-black .group-list tbody tr:nth-of-type(n) { + background-color: #282a36 } - footer { - background-color: #282a36 !important + body:not(.theme) .group-list tbody tr:nth-of-type(n) td,body.theme-light .group-list tbody tr:nth-of-type(n) td,body.theme-dark .group-list tbody tr:nth-of-type(n) td,body.Theme-black .group-list tbody tr:nth-of-type(n) td { + border-color: #44475a } - .tab { - border-color: #6272a4 !important + body:not(.theme) .group-list .group-list-description,body.theme-light .group-list .group-list-description,body.theme-dark .group-list .group-list-description,body.Theme-black .group-list .group-list-description { + font-style: normal } - .tab .tab-item a { - color: #f8f8f2 !important + body:not(.theme) .table th,body.theme-light .table th,body.theme-dark .table th,body.Theme-black .table th { + border-bottom-color: #6272a4 } - .tab .tab-item a:hover { - color: #8be9fd !important + body:not(.theme),body.theme-light,body.theme-dark,body.theme-black { + color: #f8f8f2; + background-color: #282a36 } - .tab .tab-item.active a { - color: #8be9fd !important; - border-bottom-color: #8be9fd !important + body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme-light #sidebar,body.theme-dark main,body.theme-dark #sidebar,body.theme-black main,body.theme-black #sidebar { + color: #f8f8f2; + background-color: #44475a } - .tab .tab-listing-order { - border-color: #6272a4 !important + body:not(.theme) pre,body:not(.theme) 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 { + color: #f8f8f2; + background-color: #282a36; + border: none; + font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace } - .form-select { - border-color: #6272a4 !important + body:not(.theme) blockquote,body.theme-light blockquote,body.theme-dark blockquote,body.theme-black blockquote { + color: #f8f8f2; + background-color: #282a36; + border-color: #f8f8f2 } - .form-select:not([multiple]):not([size]) { - background-color: #44475a !important + body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.theme-light section,body.theme-dark figure,body.theme-dark section,body.theme-black figure,body.theme-black section { + border-color: #f8f8f2 } - .message { - border-top: none !important; - border-right: none !important; - border-bottom: none !important; - border-color: #282a36 !important + body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-black input,body.theme-black textarea,body.theme-black .form-input { + color: #f8f8f2; + border-color: #6272a4; + background-color: #282a36 } - .message header { - background-color: #282a36 !important + a { + color: #8be9fd } - .message .message-text { - color: #f8f8f2 !important + a:hover,a:active,a:focus { + color: #ff79c6 + } + + a:visited { + color: #ff79c6 + } + + hr { + border-color: #f8f8f2 + } + + body:not(.theme) .listing-options button,body.theme-light .listing-options button,body.theme-black .listing-options button,body.theme-dark .listing-options button { + border: none + } + + body:not(.theme) .listing-options button:hover,body:not(.theme) .listing-options button:active,body:not(.theme) .listing-options button:focus,body.theme-light .listing-options button:hover,body.theme-light .listing-options button:active,body.theme-light .listing-options button:focus,body.theme-black .listing-options button:hover,body.theme-black .listing-options button:active,body.theme-black .listing-options button:focus,body.theme-dark .listing-options button:hover,body.theme-dark .listing-options button:active,body.theme-dark .listing-options button:focus { + color: #ff79c6; + background-color: transparent; + text-decoration: underline + } + + body:not(.theme) .tab.tab-listing-order,body.theme-light .tab.tab-listing-order,body.theme-black .tab.tab-listing-order,body.theme-dark .tab.tab-listing-order { + border-color: #282a36 + } + + body:not(.theme) .tab.tab-listing-order .tab-item,body.theme-light .tab.tab-listing-order .tab-item,body.theme-black .tab.tab-listing-order .tab-item,body.theme-dark .tab.tab-listing-order .tab-item { + margin: 4px; + padding: 0; + background-color: #282a36 + } + + body:not(.theme) .tab.tab-listing-order .tab-item:first-child,body.theme-light .tab.tab-listing-order .tab-item:first-child,body.theme-black .tab.tab-listing-order .tab-item:first-child,body.theme-dark .tab.tab-listing-order .tab-item:first-child { + margin-left: 0 + } + + body:not(.theme) .tab.tab-listing-order .tab-item:last-child,body.theme-light .tab.tab-listing-order .tab-item:last-child,body.theme-black .tab.tab-listing-order .tab-item:last-child,body.theme-dark .tab.tab-listing-order .tab-item:last-child { + margin-right: 0 + } + + body:not(.theme) .tab.tab-listing-order .tab-item a,body.theme-light .tab.tab-listing-order .tab-item a,body.theme-black .tab.tab-listing-order .tab-item a,body.theme-dark .tab.tab-listing-order .tab-item a { + margin: 0; + padding: 4px 8px + } + + body:not(.theme) .tab.tab-listing-order .tab-item a:hover,body:not(.theme) .tab.tab-listing-order .tab-item a:active,body:not(.theme) .tab.tab-listing-order .tab-item a:focus,body.theme-light .tab.tab-listing-order .tab-item a:hover,body.theme-light .tab.tab-listing-order .tab-item a:active,body.theme-light .tab.tab-listing-order .tab-item a:focus,body.theme-black .tab.tab-listing-order .tab-item a:hover,body.theme-black .tab.tab-listing-order .tab-item a:active,body.theme-black .tab.tab-listing-order .tab-item a:focus,body.theme-dark .tab.tab-listing-order .tab-item a:hover,body.theme-dark .tab.tab-listing-order .tab-item a:active,body.theme-dark .tab.tab-listing-order .tab-item a:focus { + color: #8be9fd + } + + body:not(.theme) .tab.tab-listing-order .tab-item.active a,body.theme-light .tab.tab-listing-order .tab-item.active a,body.theme-black .tab.tab-listing-order .tab-item.active a,body.theme-dark .tab.tab-listing-order .tab-item.active a { + color: #ff79c6; + border-color: #ff79c6 + } + + body:not(.theme) .form-select:not([multiple]):not([size]),body.theme-light .form-select:not([multiple]):not([size]),body.theme-black .form-select:not([multiple]):not([size]),body.theme-dark .form-select:not([multiple]):not([size]) { + border: 1px solid #6272a4; + background-color: #282a36; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") + } + + body:not(.theme) .message-list thead th,body.theme-light .message-list thead th,body.theme-dark .message-list thead th,body.theme-black .message-list thead th { + border-color: #6272a4 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n),body.theme-light .message-list tbody tr:nth-of-type(n),body.theme-dark .message-list tbody tr:nth-of-type(n),body.theme-black .message-list tbody tr:nth-of-type(n) { + background-color: #282a36 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) td,body.theme-light .message-list tbody tr:nth-of-type(n) td,body.theme-dark .message-list tbody tr:nth-of-type(n) td,body.theme-black .message-list tbody tr:nth-of-type(n) td { + border-color: #44475a + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a { + color: #8be9fd + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus { + color: #ff79c6 + } + + body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited { + color: #8be9fd + } + + body:not(.theme) .message,body.theme-light .message,body.theme-dark .message,body.theme-black .message { + border-color: #282a36 + } + + body:not(.theme) .message header,body.theme-light .message header,body.theme-dark .message header,body.theme-black .message header { + color: #f8f8f2; + background-color: #282a36 + } + + body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider { + border-color: #282a36 + } + + body:not(.theme) .empty-subtitle,body.theme-light .empty-subtitle,body.theme-dark .empty-subtitle,body.theme-black .empty-subtitle { + color: #f8f8f2 + } + + body:not(.theme) .post-listing .topic,body.theme-light .post-listing .topic,body.theme-dark .post-listing .topic,body.theme-black .post-listing .topic { + background-color: #282a36 + } + + body:not(.theme) .link-user,body.theme-light .link-user,body.theme-dark .link-user,body.theme-black .link-user { + color: #50fa7b + } + + body:not(.theme) .link-user:hover,body:not(.theme) .link-user:active,body:not(.theme) .link-user:focus,body.theme-light .link-user:hover,body.theme-light .link-user:active,body.theme-light .link-user:focus,body.theme-dark .link-user:hover,body.theme-dark .link-user:active,body.theme-dark .link-user:focus,body.theme-black .link-user:hover,body.theme-black .link-user:active,body.theme-black .link-user:focus { + color: #ff79c6 + } + + body:not(.theme) .link-user:visited,body.theme-light .link-user:visited,body.theme-dark .link-user:visited,body.theme-black .link-user:visited { + color: #50fa7b + } + + body:not(.theme) .link-user:visited:hover,body:not(.theme) .link-user:visited:active,body:not(.theme) .link-user:visited:focus,body.theme-light .link-user:visited:hover,body.theme-light .link-user:visited:active,body.theme-light .link-user:visited:focus,body.theme-dark .link-user:visited:hover,body.theme-dark .link-user:visited:active,body.theme-dark .link-user:visited:focus,body.theme-black .link-user:visited:hover,body.theme-black .link-user:visited:active,body.theme-black .link-user:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .label-topic-tag a,body.theme-light .label-topic-tag a,body.theme-dark .label-topic-tag a,body.theme-black .label-topic-tag a { + color: #6272a4 + } + + body:not(.theme) .label-topic-tag a:hover,body:not(.theme) .label-topic-tag a:active,body:not(.theme) .label-topic-tag a:focus,body.theme-light .label-topic-tag a:hover,body.theme-light .label-topic-tag a:active,body.theme-light .label-topic-tag a:focus,body.theme-dark .label-topic-tag a:hover,body.theme-dark .label-topic-tag a:active,body.theme-dark .label-topic-tag a:focus,body.theme-black .label-topic-tag a:hover,body.theme-black .label-topic-tag a:active,body.theme-black .label-topic-tag a:focus { + color: #ff79c6 + } + + body:not(.theme) .text-secondary,body.theme-light .text-secondary,body.theme-dark .text-secondary,body.theme-black .text-secondary { + font-style: normal; + font-weight: bold; + color: #6272a4 + } + + body:not(.theme) .text-warning,body.theme-light .text-warning,body.theme-dark .text-warning,body.theme-black .text-warning { + color: #282a36; + background-color: #ffb86c; + padding: 10px + } + + body:not(.theme) blockquote.text-warning,body.theme-light blockquote.text-warning,body.theme-dark blockquote.text-warning,body.theme-black blockquote.text-warning { + color: #f8f8f2; + background-color: #282a36 + } + + body:not(.theme) .form-status-success,body.theme-light .form-status-success,body.theme-dark .form-status-success,body.theme-black .form-status-success { + color: #50fa7b + } + + body:not(.theme) .form-status-error,body.theme-light .form-status-error,body.theme-dark .form-status-error,body.theme-black .form-status-error { + color: #f55 + } + + .topic-voting.btn { + border-style: solid + } + + .btn,.btn.btn-link { + color: #8be9fd; + border-color: #8be9fd; + background: transparent + } + + .btn:hover,.btn:active,.btn:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn:visited,.btn.btn-link:visited { + color: #8be9fd; + border-color: #8be9fd; + background: transparent + } + + .btn:visited:hover,.btn:visited:active,.btn:visited:focus,.btn.btn-link:visited:hover,.btn.btn-link:visited:active,.btn.btn-link:visited:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn-used { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .btn.btn-primary { + color: #282a36; + background: #8be9fd; + border-color: #8be9fd + } + + .btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus { + color: #282a36; + border-color: #ff79c6; + background: #ff79c6 + } + + .is-topic-official { + border-left-color: #f55 !important + } + + .is-topic-official h1 a { + color: #f55 + } + + .is-topic-mine { + border-left-color: #bd93f9 !important + } + + .is-topic-mine h1 a { + color: #bd93f9 + } + + .is-topic-mine .topic-voting { + color: #f8f8f2 + } + + .is-topic-official h1 a:visited { + color: #f55 + } + + .is-topic-mine h1 a:visited { + color: #bd93f9 + } + + .topic-icon { + border-color: #8be9fd + } + + .is-comment-by-op>.comment-itself { + border-color: #f1fa8c !important + } + + .is-comment-mine>.comment-itself { + border-color: #bd93f9 !important + } + + .is-comment-new>.comment-itself { + border-color: #ffb86c !important } .is-message-mine { - border-width: 1px !important; - margin-left: 0 !important + border-left-color: #bd93f9 !important } - #new-topic fieldset,#new-topic .divider { - border-color: #282a36 !important + body:not(.theme) .settings-list,body.theme-light .settings-list,body.theme-dark .settings-list,body.theme-black .settings-list { + margin-left: 0px } - #new-topic .divider::after { - color: #f8f8f2 !important; - background: #282a36 !important + body:not(.theme) .settings-list li,body.theme-light .settings-list li,body.theme-dark .settings-list li,body.theme-black .settings-list li { + background-color: #282a36; + border: 1px solid #6272a4; + padding: 15px; + margin-top: 15px; + margin-bottom: 15px } - #new-topic input { - color: #f8f8f2 !important; - background-color: #282a36 !important; - border-color: #6272a4 !important + body:not(.theme) .settings-list a,body.theme-light .settings-list a,body.theme-dark .settings-list a,body.theme-black .settings-list a { + color: #8be9fd + } + + body:not(.theme) .settings-list a:hover,body:not(.theme) .settings-list a:active,body:not(.theme) .settings-list a:focus,body.theme-light .settings-list a:hover,body.theme-light .settings-list a:active,body.theme-light .settings-list a:focus,body.theme-dark .settings-list a:hover,body.theme-dark .settings-list a:active,body.theme-dark .settings-list a:focus,body.theme-black .settings-list a:hover,body.theme-black .settings-list a:active,body.theme-black .settings-list a:focus { + color: #ff79c6 + } + + body:not(.theme) .settings-list a:visited,body.theme-light .settings-list a:visited,body.theme-dark .settings-list a:visited,body.theme-black .settings-list a:visited { + color: #8be9fd + } + + body:not(.theme) .settings-list a:visited:hover,body:not(.theme) .settings-list a:visited:active,body:not(.theme) .settings-list a:visited:focus,body.theme-light .settings-list a:visited:hover,body.theme-light .settings-list a:visited:active,body.theme-light .settings-list a:visited:focus,body.theme-dark .settings-list a:visited:hover,body.theme-dark .settings-list a:visited:active,body.theme-dark .settings-list a:visited:focus,body.theme-black .settings-list a:visited:hover,body.theme-black .settings-list a:visited:active,body.theme-black .settings-list a:visited:focus { + color: #ff79c6 + } + + #sidebar .nav .nav-item a { + color: #ffb86c + } + + #sidebar .nav .nav-item a:hover,#sidebar .nav .nav-item a:active,#sidebar .nav .nav-item a:focus { + color: #f1fa8c + } + + #sidebar .nav .nav-item a:visited { + color: #ffb86c + } + + #sidebar .nav .nav-item a:visited:hover,#sidebar .nav .nav-item a:visited:active,#sidebar .nav .nav-item a:visited:focus { + color: #f1fa8c + } + + #sidebar .topic-tags { + margin-bottom: 0.5rem + } + + #sidebar .label-topic-tag { + color: #6272a4 + } + + #sidebar .label-topic-tag:hover { + color: #f8f8f2; + cursor: default + } + + body:not(.theme) .site-header-logo,body.theme-light .site-header-logo,body.theme-black .site-header-logo,body.theme-dark .site-header-logo { + color: #f8f8f2 + } + + body:not(.theme) .site-header-context,body.theme-light .site-header-context,body.theme-black .site-header-context,body.theme-dark .site-header-context { + color: #ffb86c + } + + body:not(.theme) .site-header-context:hover,body:not(.theme) .site-header-context:active,body:not(.theme) .site-header-context:focus,body.theme-light .site-header-context:hover,body.theme-light .site-header-context:active,body.theme-light .site-header-context:focus,body.theme-black .site-header-context:hover,body.theme-black .site-header-context:active,body.theme-black .site-header-context:focus,body.theme-dark .site-header-context:hover,body.theme-dark .site-header-context:active,body.theme-dark .site-header-context:focus { + color: #f1fa8c + } + + body:not(.theme) .logged-in-user-username,body.theme-light .logged-in-user-username,body.theme-black .logged-in-user-username,body.theme-dark .logged-in-user-username { + color: #50fa7b + } + + body:not(.theme) .logged-in-user-username:hover,body:not(.theme) .logged-in-user-username:active,body:not(.theme) .logged-in-user-username:focus,body.theme-light .logged-in-user-username:hover,body.theme-light .logged-in-user-username:active,body.theme-light .logged-in-user-username:focus,body.theme-black .logged-in-user-username:hover,body.theme-black .logged-in-user-username:active,body.theme-black .logged-in-user-username:focus,body.theme-dark .logged-in-user-username:hover,body.theme-dark .logged-in-user-username:active,body.theme-dark .logged-in-user-username:focus { + color: #ff79c6 + } + + body:not(.theme) .logged-in-user-alert,body.theme-light .logged-in-user-alert,body.theme-black .logged-in-user-alert,body.theme-dark .logged-in-user-alert { + color: #282a36; + background-color: #ffb86c; + padding: 0.1rem 0.3rem; + margin-top: 0.2rem; + justify-content: left + } + + body:not(.theme) .logged-in-user-alert:hover,body:not(.theme) .logged-in-user-alert:active,body:not(.theme) .logged-in-user-alert:focus,body.theme-light .logged-in-user-alert:hover,body.theme-light .logged-in-user-alert:active,body.theme-light .logged-in-user-alert:focus,body.theme-black .logged-in-user-alert:hover,body.theme-black .logged-in-user-alert:active,body.theme-black .logged-in-user-alert:focus,body.theme-dark .logged-in-user-alert:hover,body.theme-dark .logged-in-user-alert:active,body.theme-dark .logged-in-user-alert:focus { + background-color: #f1fa8c } body>header>a:nth-child(1):not(.no-header-logo) { - 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 + color: #f8f8f2; + background-size: 32px 32px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") } .user-label { border-radius: 0 !important; - padding: 1px 3px !important + padding: 3px 5px !important } - .bg-red { - background-color: #f55 !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 { + .label-edit-box { + color: #f8f8f2 !important; background-color: #282a36 !important } - .topic-listing { + .label-edit-box input { + border: 1px solid #6272a4 !important; background-color: #44475a !important } - .topic-listing>li { - background-color: #282a36 !important + .label-light,.label-dark { + color: transparent !important } - .topic-listing .label-topic-tag>* { - color: #6272a4 !important + .bg-none { + color: #f8f8f2 !important; + border-color: #6272a4 !important } - .is-topic-official { - border-color: #ffb86c !important + .bg-red { + color: #282a36 !important; + background-color: #f55 !important } - .topic-title a { - color: #8be9fd !important + .bg-orangered { + color: #282a36 !important; + background-color: #ffb86c !important } - .topic-title a:visited { - color: #ff79c6 !important + .bg-orange { + color: #282a36 !important; + background-color: #f1fa8c !important } - .topic-info .time-responsive { - color: #50fa7b !important + .bg-dodgerblue { + color: #282a36 !important; + background-color: #8be9fd !important } - .topic-metadata .topic-tags li { - color: #6272a4 !important + .bg-forestgreen { + color: #282a36 !important; + background-color: #50fa7b !important } - .topic-info-comments-new { - color: #f1fa8c !important + .bg-slategray { + color: #f8f8f2 !important; + background-color: #44475a !important + } + + body:not(.theme) .topic-full .topic-full-byline,body.theme-light .topic-full .topic-full-byline,body.theme-dark .topic-full .topic-full-byline,body.theme-black .topic-full .topic-full-byline { + color: #f8f8f2 + } + + body:not(.theme) .topic-full .topic-full-text a,body.theme-light .topic-full .topic-full-text a,body.theme-dark .topic-full .topic-full-text a,body.theme-black .topic-full .topic-full-text a { + color: #8be9fd + } + + body:not(.theme) .topic-full .topic-full-text a:hover,body:not(.theme) .topic-full .topic-full-text a:active,body:not(.theme) .topic-full .topic-full-text a:focus,body.theme-light .topic-full .topic-full-text a:hover,body.theme-light .topic-full .topic-full-text a:active,body.theme-light .topic-full .topic-full-text a:focus,body.theme-dark .topic-full .topic-full-text a:hover,body.theme-dark .topic-full .topic-full-text a:active,body.theme-dark .topic-full .topic-full-text a:focus,body.theme-black .topic-full .topic-full-text a:hover,body.theme-black .topic-full .topic-full-text a:active,body.theme-black .topic-full .topic-full-text a:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-full .topic-full-text a:visited,body.theme-light .topic-full .topic-full-text a:visited,body.theme-dark .topic-full .topic-full-text a:visited,body.theme-black .topic-full .topic-full-text a:visited { + color: #8be9fd + } + + body:not(.theme) .topic-full .topic-full-text a:visited:hover,body:not(.theme) .topic-full .topic-full-text a:visited:active,body:not(.theme) .topic-full .topic-full-text a:visited:focus,body.theme-light .topic-full .topic-full-text a:visited:hover,body.theme-light .topic-full .topic-full-text a:visited:active,body.theme-light .topic-full .topic-full-text a:visited:focus,body.theme-dark .topic-full .topic-full-text a:visited:hover,body.theme-dark .topic-full .topic-full-text a:visited:active,body.theme-dark .topic-full .topic-full-text a:visited:focus,body.theme-black .topic-full .topic-full-text a:visited:hover,body.theme-black .topic-full .topic-full-text a:visited:active,body.theme-black .topic-full .topic-full-text a:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .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: #282a36 + } + + body:not(.theme) .topic-info,body.theme-light .topic-info,body.theme-dark .topic-info,body.theme-black .topic-info { + background-color: #282a36 + } + + body:not(.theme) .time-responsive-full,body.theme-light .time-responsive-full,body.theme-dark .time-responsive-full,body.theme-black .time-responsive-full { + color: #f8f8f2 + } + + body:not(.theme) .topic-content-metadata,body.theme-light .topic-content-metadata,body.theme-dark .topic-content-metadata,body.theme-black .topic-content-metadata { + color: #f8f8f2 + } + + body:not(.theme) .topic-text-excerpt,body.theme-light .topic-text-excerpt,body.theme-dark .topic-text-excerpt,body.theme-black .topic-text-excerpt { + color: #6272a4 + } + + body:not(.theme) .topic-text-excerpt[open],body.theme-light .topic-text-excerpt[open],body.theme-dark .topic-text-excerpt[open],body.theme-black .topic-text-excerpt[open] { + color: #f8f8f2 + } + + body:not(.theme) .topic-text-excerpt summary,body:not(.theme) .topic-text-excerpt summary::after,body.theme-light .topic-text-excerpt summary,body.theme-light .topic-text-excerpt summary::after,body.theme-dark .topic-text-excerpt summary,body.theme-dark .topic-text-excerpt summary::after,body.theme-black .topic-text-excerpt summary,body.theme-black .topic-text-excerpt summary::after { + color: #6272a4 + } + + body:not(.theme) .link-group,body.theme-light .link-group,body.theme-dark .link-group,body.theme-black .link-group { + color: #ffb86c + } + + body:not(.theme) .link-group:hover,body:not(.theme) .link-group:active,body:not(.theme) .link-group:focus,body.theme-light .link-group:hover,body.theme-light .link-group:active,body.theme-light .link-group:focus,body.theme-dark .link-group:hover,body.theme-dark .link-group:active,body.theme-dark .link-group:focus,body.theme-black .link-group:hover,body.theme-black .link-group:active,body.theme-black .link-group:focus { + color: #f1fa8c + } + + body:not(.theme) .topic-info-comments a .topic-info-comments-new,body.theme-light .topic-info-comments a .topic-info-comments-new,body.theme-dark .topic-info-comments a .topic-info-comments-new,body.theme-black .topic-info-comments a .topic-info-comments-new { + color: #ffb86c + } + + body:not(.theme) .topic-info-comments a:hover,body:not(.theme) .topic-info-comments a:active,body:not(.theme) .topic-info-comments a:focus,body.theme-light .topic-info-comments a:hover,body.theme-light .topic-info-comments a:active,body.theme-light .topic-info-comments a:focus,body.theme-dark .topic-info-comments a:hover,body.theme-dark .topic-info-comments a:active,body.theme-dark .topic-info-comments a:focus,body.theme-black .topic-info-comments a:hover,body.theme-black .topic-info-comments a:active,body.theme-black .topic-info-comments a:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-info-comments a:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:active .topic-info-comments-new,body.theme-light .topic-info-comments a:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:active .topic-info-comments-new,body.theme-black .topic-info-comments a:focus .topic-info-comments-new { + color: #f1fa8c + } + + body:not(.theme) .topic-info-comments a:visited,body.theme-light .topic-info-comments a:visited,body.theme-dark .topic-info-comments a:visited,body.theme-black .topic-info-comments a:visited { + color: #8be9fd + } + + body:not(.theme) .topic-info-comments a:visited:hover,body:not(.theme) .topic-info-comments a:visited:active,body:not(.theme) .topic-info-comments a:visited:focus,body.theme-light .topic-info-comments a:visited:hover,body.theme-light .topic-info-comments a:visited:active,body.theme-light .topic-info-comments a:visited:focus,body.theme-dark .topic-info-comments a:visited:hover,body.theme-dark .topic-info-comments a:visited:active,body.theme-dark .topic-info-comments a:visited:focus,body.theme-black .topic-info-comments a:visited:hover,body.theme-black .topic-info-comments a:visited:active,body.theme-black .topic-info-comments a:visited:focus { + color: #ff79c6 + } + + body:not(.theme) .topic-info-comments a:visited:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:focus .topic-info-comments-new { + color: #f1fa8c } } diff --git a/sass/tildes-dracula/_blog.sass b/sass/tildes-dracula/_blog.sass deleted file mode 100644 index 15c9e9c..0000000 --- a/sass/tildes-dracula/_blog.sass +++ /dev/null @@ -1,4 +0,0 @@ -@import '_colors.sass' - -.date-info - color: $foreground !important diff --git a/sass/tildes-dracula/_buttons.sass b/sass/tildes-dracula/_buttons.sass deleted file mode 100644 index 4f62718..0000000 --- a/sass/tildes-dracula/_buttons.sass +++ /dev/null @@ -1,35 +0,0 @@ -@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/sass/tildes-dracula/_colors.sass b/sass/tildes-dracula/_colors.sass index 2709f16..2a3019a 100644 --- a/sass/tildes-dracula/_colors.sass +++ b/sass/tildes-dracula/_colors.sass @@ -1,7 +1,6 @@ $foreground: #f8f8f2 $background: #282a36 $selection: #44475a -$current-line: #44475a $comment: #6272a4 $red: #ff5555 diff --git a/sass/tildes-dracula/_comment-tags.sass b/sass/tildes-dracula/_comment-tags.sass deleted file mode 100644 index 1d6bcec..0000000 --- a/sass/tildes-dracula/_comment-tags.sass +++ /dev/null @@ -1,21 +0,0 @@ -@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/sass/tildes-dracula/_comments.sass b/sass/tildes-dracula/_comments.sass index 012c073..cdd4960 100644 --- a/sass/tildes-dracula/_comments.sass +++ b/sass/tildes-dracula/_comments.sass @@ -1,35 +1,77 @@ @import '_colors.sass' -.comment - border-color: $background !important +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .btn-comment-collapse + color: $cyan + border-color: $cyan + background: transparent - header - background-color: $background !important - color: $foreground !important + &:hover, + &:active, + &:focus + color: $background + border-color: $pink + background: $pink - a - color: $cyan !important + .comment + border-color: $background - a.link-user - color: $green !important + .comment-itself + header + background-color: $background - a.link-user:visited - color: $pink !important + .comment-nav-link + color: $cyan - .comment-user-info - color: $purple !important + &:hover, + &:active, + &:focus + color: $pink -.is-comment-mine - > .comment-itself - border-color: $comment !important + &:visited + color: $cyan -.is-comment-by-op - > .comment-itself - border-color: $purple !important + &:hover, + &:active, + &:focus + color: $pink -.is-comment-new - .comment-itself - border-color: $yellow !important + .comment-user-info + color: $yellow - .comment-text - color: $foreground !important + .time-responsive-full + color: $foreground + + .comment[data-comment-depth='0'] + border-color: $background + + .is-comment-collapsed header .link-user + color: $green + + .post-buttons + padding: 0 + + .post-button + color: $cyan + padding: 6px 8px + margin: 6px + margin-bottom: 0px + + &:hover, + &:active, + &:focus + color: $pink + text-decoration: none + + .post-button-used + color: $pink + text-decoration: underline + + &:hover, + &:active, + &:focus + color: $cyan + text-decoration: underline diff --git a/sass/tildes-dracula/_docs.sass b/sass/tildes-dracula/_docs.sass index 703de57..b03ecba 100644 --- a/sass/tildes-dracula/_docs.sass +++ b/sass/tildes-dracula/_docs.sass @@ -1,17 +1,28 @@ @import '_colors.sass' -.conspicuous, -.text-error - color: $red !important +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + #page-list + background-color: $selection -.toc - background-color: $background !important + .toc + background-color: $background -.highlight - background-color: $selection !important + .highlight + color: $foreground + background-color: $comment - >pre - margin-left: 0 !important + .conspicuous + color: $red + font-family: sans-serif -#page-list - background-color: $selection !important + .date-info + color: $foreground + + .article-summary + border-color: $foreground + + h2 a + color: $foreground diff --git a/sass/tildes-dracula/_footer.sass b/sass/tildes-dracula/_footer.sass new file mode 100644 index 0000000..8f1c84b --- /dev/null +++ b/sass/tildes-dracula/_footer.sass @@ -0,0 +1,25 @@ +@import '_colors.sass' + +body>footer, +#site-footer + color: $foreground + background-color: $background + padding: 0.5rem + font-style: normal + font-weight: bold + + a + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-dracula/_groups.sass b/sass/tildes-dracula/_groups.sass new file mode 100644 index 0000000..4435311 --- /dev/null +++ b/sass/tildes-dracula/_groups.sass @@ -0,0 +1,18 @@ +@import '_colors.sass' + +body:not(.theme), +body.theme-light, +body.theme-dark, +body.Theme-black + .group-list + tbody tr:nth-of-type(n) + background-color: $background + + td + border-color: $selection + + .group-list-description + font-style: normal + + .table th + border-bottom-color: $comment diff --git a/sass/tildes-dracula/_html-tags.sass b/sass/tildes-dracula/_html-tags.sass index 90957f8..77b9575 100644 --- a/sass/tildes-dracula/_html-tags.sass +++ b/sass/tildes-dracula/_html-tags.sass @@ -1,53 +1,50 @@ @import '_colors.sass' -body - color: $foreground !important - background-color: $background !important +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + color: $foreground + background-color: $background + + main, + #sidebar + color: $foreground + background-color: $selection + + pre, + code + color: $foreground + background-color: $background + border: none + font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace + + blockquote + color: $foreground + background-color: $background + border-color: $foreground + + figure, + section + border-color: $foreground + + input, + textarea, + .form-input + color: $foreground + border-color: $comment + background-color: $background a - color: $cyan !important + color: $cyan -header a - color: $foreground !important + &:hover, + &:active, + &:focus + color: $pink -main - font-family: sans-serif + &:visited + color: $pink -main, -aside - background-color: $selection !important - -blockquote - border-color: $foreground !important - background-color: $background !important - -textarea, -input - 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 +hr + border-color: $foreground diff --git a/sass/tildes-dracula/_listing-options.sass b/sass/tildes-dracula/_listing-options.sass index 88c4b5f..786f361 100644 --- a/sass/tildes-dracula/_listing-options.sass +++ b/sass/tildes-dracula/_listing-options.sass @@ -1,26 +1,48 @@ @import '_colors.sass' -.tab - border-color: $comment !important +body:not(.theme), +body.theme-light, +body.theme-black, +body.theme-dark + .listing-options + button + border: none - .tab-item - a - color: $foreground !important + &:hover, + &:active, + &:focus + color: $pink + background-color: transparent + text-decoration: underline - a:hover - color: $cyan !important + .tab.tab-listing-order + border-color: $background - .tab-item.active - a - color: $cyan !important - border-bottom-color: $cyan !important + .tab-item + margin: 4px + padding: 0 + background-color: $background - .tab-listing-order - border-color: $comment !important + &:first-child + margin-left: 0 -.form-select - border-color: $comment !important + &:last-child + margin-right: 0 - &:not([multiple]) - &:not([size]) - background-color: $selection !important + a + margin: 0 + padding: 4px 8px + + &:hover, + &:active, + &:focus + color: $cyan + + &.active a + color: $pink + border-color: $pink + + .form-select:not([multiple]):not([size]) + border: 1px solid $comment + background-color: $background + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") diff --git a/sass/tildes-dracula/_messages.sass b/sass/tildes-dracula/_messages.sass index 7177927..b440913 100644 --- a/sass/tildes-dracula/_messages.sass +++ b/sass/tildes-dracula/_messages.sass @@ -1,17 +1,33 @@ @import '_colors.sass' -.message - border-top: none !important - border-right: none !important - border-bottom: none !important - border-color: $background !important +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .message-list + thead th + border-color: $comment - header - background-color: $background !important + tbody tr:nth-of-type(n) + background-color: $background - .message-text - color: $foreground !important + td + border-color: $selection -.is-message-mine - border-width: 1px !important - margin-left: 0 !important + .message-list-subject a + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $cyan + + .message + border-color: $background + + header + color: $foreground + background-color: $background diff --git a/sass/tildes-dracula/_misc.sass b/sass/tildes-dracula/_misc.sass new file mode 100644 index 0000000..d5a5c04 --- /dev/null +++ b/sass/tildes-dracula/_misc.sass @@ -0,0 +1,140 @@ +@import '_colors.sass' + +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .divider + border-color: $background + + .empty-subtitle + color: $foreground + + .post-listing + .topic + background-color: $background + + .link-user + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + .label-topic-tag a + color: $comment + + &:hover, + &:active, + &:focus + color: $pink + + .text-secondary + font-style: normal + font-weight: bold + color: $comment + + .text-warning + color: $background + background-color: $orange + padding: 10px + + blockquote.text-warning + color: $foreground + background-color: $background + + .form-status-success + color: $green + + .form-status-error + color: $red + +.topic-voting.btn + border-style: solid + +.btn, +.btn.btn-link + color: $cyan + border-color: $cyan + background: transparent + + &:hover, + &:active, + &:focus + color: $background + border-color: $pink + background: $pink + + &:visited + color: $cyan + border-color: $cyan + background: transparent + + &:hover, + &:active, + &:focus + color: $background + border-color: $pink + background: $pink + +.btn-used + color: $background + border-color: $pink + background: $pink + +.btn.btn-primary + color: $background + background: $cyan + border-color: $cyan + + &:hover, + &:active, + &:focus + color: $background + border-color: $pink + background: $pink + +.is-topic-official + border-left-color: $red !important + + h1 a + color: $red + +.is-topic-mine + border-left-color: $purple !important + + h1 a + color: $purple + + .topic-voting + color: $foreground + +.is-topic-official h1 a:visited + color: $red + +.is-topic-mine h1 a:visited + color: $purple + +.topic-icon + border-color: $cyan + +.is-comment-by-op>.comment-itself + border-color: $yellow !important + +.is-comment-mine>.comment-itself + border-color: $purple !important + +.is-comment-new>.comment-itself + border-color: $orange !important + +.is-message-mine + border-left-color: $purple !important diff --git a/sass/tildes-dracula/_new-topic.sass b/sass/tildes-dracula/_new-topic.sass deleted file mode 100644 index 5060458..0000000 --- a/sass/tildes-dracula/_new-topic.sass +++ /dev/null @@ -1,15 +0,0 @@ -@import '_colors.sass' - -#new-topic - fieldset, - .divider - border-color: $background !important - - .divider::after - color: $foreground !important - background: $background !important - - input - color: $foreground !important - background-color: $background !important - border-color: $comment !important diff --git a/sass/tildes-dracula/_settings.sass b/sass/tildes-dracula/_settings.sass new file mode 100644 index 0000000..a5e5b45 --- /dev/null +++ b/sass/tildes-dracula/_settings.sass @@ -0,0 +1,31 @@ +@import '_colors.sass' + +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .settings-list + margin-left: 0px + + li + background-color: $background + border: 1px solid $comment + padding: 15px + margin-top: 15px + margin-bottom: 15px + + a + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink + + &:visited + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-dracula/_sidebar.sass b/sass/tildes-dracula/_sidebar.sass index 6f1ee54..80f4707 100644 --- a/sass/tildes-dracula/_sidebar.sass +++ b/sass/tildes-dracula/_sidebar.sass @@ -1 +1,28 @@ @import '_colors.sass' + +#sidebar + .nav .nav-item a + color: $orange + + &:hover, + &:active, + &:focus + color: $yellow + + &:visited + color: $orange + + &:hover, + &:active, + &:focus + color: $yellow + + .topic-tags + margin-bottom: 0.5rem + + .label-topic-tag + color: $comment + + &:hover + color: $foreground + cursor: default diff --git a/sass/tildes-dracula/_site-header.sass b/sass/tildes-dracula/_site-header.sass index 2c5cd7a..831653e 100644 --- a/sass/tildes-dracula/_site-header.sass +++ b/sass/tildes-dracula/_site-header.sass @@ -1,3 +1,41 @@ +@import '_colors.sass' + +body:not(.theme), +body.theme-light, +body.theme-black, +body.theme-dark + .site-header-logo + color: $foreground + + .site-header-context + color: $orange + + &:hover, + &:active, + &:focus + color: $yellow + + .logged-in-user-username + color: $green + + &:hover, + &:active, + &:focus + color: $pink + + .logged-in-user-alert + color: $background + background-color: $orange + padding: 0.1rem 0.3rem + margin-top: 0.2rem + justify-content: left + + &:hover, + &:active, + &:focus + background-color: $yellow + body>header>a:nth-child(1):not(.no-header-logo) - background-size: 32px 32px !important - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') !important + color: $foreground + background-size: 32px 32px + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') diff --git a/sass/tildes-dracula/_tildes-extended.sass b/sass/tildes-dracula/_tildes-extended.sass index 307e06b..e1990e6 100644 --- a/sass/tildes-dracula/_tildes-extended.sass +++ b/sass/tildes-dracula/_tildes-extended.sass @@ -1,33 +1,45 @@ @import '_colors.sass' -.label-edit-box - background-color: $background !important - color: $foreground !important - .user-label border-radius: 0 !important - padding: 1px 3px !important + padding: 3px 5px !important + +.label-edit-box + color: $foreground !important + background-color: $background !important + + input + border: 1px solid $comment !important + background-color: $selection !important + +.label-light, +.label-dark + color: transparent !important + +.bg-none + color: $foreground !important + border-color: $comment !important .bg-red + color: $background !important background-color: $red !important - color: $foreground !important .bg-orangered - background-color: $orange !important color: $background !important + background-color: $orange !important .bg-orange - background-color: $yellow !important color: $background !important + background-color: $yellow !important .bg-dodgerblue - background-color: $cyan !important color: $background !important + background-color: $cyan !important .bg-forestgreen - background-color: $green !important color: $background !important + background-color: $green !important .bg-slategray - background-color: $selection !important color: $foreground !important + background-color: $selection !important diff --git a/sass/tildes-dracula/_topic-full.sass b/sass/tildes-dracula/_topic-full.sass index 68d88c8..12022bc 100644 --- a/sass/tildes-dracula/_topic-full.sass +++ b/sass/tildes-dracula/_topic-full.sass @@ -1,16 +1,25 @@ @import '_colors.sass' -.topic-full - .topic-full-byline - color: $foreground !important +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .topic-full + .topic-full-byline + color: $foreground - .link-user - color: $green !important + .topic-full-text a + color: $cyan - .link-user:visited - color: $pink !important + &:hover, + &:active, + &:focus + color: $pink -aside - .topic-tags - li - color: $foreground !important + &:visited + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink diff --git a/sass/tildes-dracula/_topic-listing.sass b/sass/tildes-dracula/_topic-listing.sass new file mode 100644 index 0000000..cac6757 --- /dev/null +++ b/sass/tildes-dracula/_topic-listing.sass @@ -0,0 +1,59 @@ +@import '_colors.sass' + +body:not(.theme), +body.theme-light, +body.theme-dark, +body.theme-black + .topic-listing + > li:nth-of-type(n) + background-color: $background + + .topic-info + background-color: $background + + .time-responsive-full + color: $foreground + + .topic-content-metadata + color: $foreground + + .topic-text-excerpt + color: $comment + + &[open] + color: $foreground + + summary, + summary::after + color: $comment + + .link-group + color: $orange + + &:hover, + &:active, + &:focus + color: $yellow + + .topic-info-comments a + .topic-info-comments-new + color: $orange + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $yellow + + &:visited + color: $cyan + + &:hover, + &:active, + &:focus + color: $pink + + .topic-info-comments-new + color: $yellow diff --git a/sass/tildes-dracula/_topic-listings.sass b/sass/tildes-dracula/_topic-listings.sass deleted file mode 100644 index 19d3a41..0000000 --- a/sass/tildes-dracula/_topic-listings.sass +++ /dev/null @@ -1,41 +0,0 @@ -@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 - - .label-topic-tag>* - color: $comment !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/sass/tildes-dracula/tildes-dracula-chrome.sass b/sass/tildes-dracula/tildes-dracula-chrome.sass index ce5c899..4823324 100644 --- a/sass/tildes-dracula/tildes-dracula-chrome.sass +++ b/sass/tildes-dracula/tildes-dracula-chrome.sass @@ -1,15 +1,15 @@ -@import '_blog.sass' -@import '_buttons.sass' @import '_colors.sass' -@import '_comment-tags.sass' @import '_comments.sass' @import '_docs.sass' +@import '_footer.sass' +@import '_groups.sass' @import '_html-tags.sass' @import '_listing-options.sass' @import '_messages.sass' -@import '_new-topic.sass' +@import '_misc.sass' +@import '_settings.sass' @import '_sidebar.sass' @import '_site-header.sass' @import '_tildes-extended.sass' @import '_topic-full.sass' -@import '_topic-listings.sass' +@import '_topic-listing.sass' diff --git a/sass/tildes-dracula/tildes-dracula.json b/sass/tildes-dracula/tildes-dracula.json index cf267b5..85e6c0f 100644 --- a/sass/tildes-dracula/tildes-dracula.json +++ b/sass/tildes-dracula/tildes-dracula.json @@ -4,7 +4,7 @@ "options": { "name": "Tildes Dracula", "namespace": "tildes.net", - "version": "1.0.3", + "version": "2.0.0", "author": "Bauke", "description": "Dracula theme for Tildes.net", "homepageURL": "https://gitlab.com/Bauke/styles", diff --git a/sass/tildes-dracula/tildes-dracula.sass b/sass/tildes-dracula/tildes-dracula.sass index 2da8d59..c1548e6 100644 --- a/sass/tildes-dracula/tildes-dracula.sass +++ b/sass/tildes-dracula/tildes-dracula.sass @@ -1,16 +1,16 @@ @-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 '_footer.sass' + @import '_groups.sass' @import '_html-tags.sass' @import '_listing-options.sass' @import '_messages.sass' - @import '_new-topic.sass' + @import '_misc.sass' + @import '_settings.sass' @import '_sidebar.sass' @import '_site-header.sass' @import '_tildes-extended.sass' @import '_topic-full.sass' - @import '_topic-listings.sass' + @import '_topic-listing.sass'