1
Fork 0

Completely rewrite Tildes Dracula

This commit is contained in:
Bauke 2018-06-24 14:13:59 +02:00
parent 865d5bf3af
commit 892349e415
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
31 changed files with 2217 additions and 1005 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 124 KiB

View File

@ -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
}

View File

@ -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
}
}

View File

@ -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
}
}

View File

@ -1,4 +0,0 @@
@import '_colors.sass'
.date-info
color: $foreground !important

View File

@ -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

View File

@ -1,7 +1,6 @@
$foreground: #f8f8f2
$background: #282a36
$selection: #44475a
$current-line: #44475a
$comment: #6272a4
$red: #ff5555

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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")

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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==')

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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'

View File

@ -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",

View File

@ -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'