From 470ec3b49d198148b81346a4b0872677afecf3b0 Mon Sep 17 00:00:00 2001 From: Bauke Date: Sun, 1 Jul 2018 13:00:56 +0200 Subject: [PATCH] Add some input/new topic styling --- css/tildes-dracula/tildes-dracula.css | 12 +++++++++++- css/tildes-dracula/tildes-dracula.user.css | 14 ++++++++++++-- sass/tildes-dracula/_html-tags.sass | 6 +++++- sass/tildes-dracula/_misc.sass | 5 +++++ sass/tildes-dracula/tildes-dracula.json | 2 +- 5 files changed, 34 insertions(+), 5 deletions(-) diff --git a/css/tildes-dracula/tildes-dracula.css b/css/tildes-dracula/tildes-dracula.css index d5b96ae..d6b8976 100644 --- a/css/tildes-dracula/tildes-dracula.css +++ b/css/tildes-dracula/tildes-dracula.css @@ -156,6 +156,10 @@ body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme background-color: #44475a; } +body:not(.theme) fieldset,body.theme-light fieldset,body.theme-dark fieldset,body.theme-black fieldset { + border-color: #6272a4; +} + 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; @@ -173,7 +177,7 @@ body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.th border-color: #f8f8f2; } -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 { +body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body:not(.theme) .form-input:not(:focus),body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-light .form-input:not(:focus),body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-dark .form-input:not(:focus),body.theme-black input,body.theme-black textarea,body.theme-black .form-input,body.theme-black .form-input:not(:focus) { color: #f8f8f2; border-color: #6272a4; background-color: #282a36; @@ -276,6 +280,12 @@ body:not(.theme) .message header,body.theme-light .message header,body.theme-dar background-color: #282a36; } +body:not(.theme) .toast,body.theme-light .toast,body.theme-dark .toast,body.theme-black .toast { + color: #f8f8f2; + border-color: #6272a4; + background-color: #282a36; +} + body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider { border-color: #282a36; } diff --git a/css/tildes-dracula/tildes-dracula.user.css b/css/tildes-dracula/tildes-dracula.user.css index 89b5fdb..fb01787 100755 --- a/css/tildes-dracula/tildes-dracula.user.css +++ b/css/tildes-dracula/tildes-dracula.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Tildes Dracula @namespace tildes.net -@version 2.0.3 +@version 2.0.4 @author Bauke @description Dracula theme for Tildes.net @homepageURL https://gitlab.com/Bauke/styles @@ -167,6 +167,10 @@ body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme background-color: #44475a; } +body:not(.theme) fieldset,body.theme-light fieldset,body.theme-dark fieldset,body.theme-black fieldset { + border-color: #6272a4; +} + 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; @@ -184,7 +188,7 @@ body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.th border-color: #f8f8f2; } -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 { +body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body:not(.theme) .form-input:not(:focus),body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-light .form-input:not(:focus),body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-dark .form-input:not(:focus),body.theme-black input,body.theme-black textarea,body.theme-black .form-input,body.theme-black .form-input:not(:focus) { color: #f8f8f2; border-color: #6272a4; background-color: #282a36; @@ -287,6 +291,12 @@ body:not(.theme) .message header,body.theme-light .message header,body.theme-dar background-color: #282a36; } +body:not(.theme) .toast,body.theme-light .toast,body.theme-dark .toast,body.theme-black .toast { + color: #f8f8f2; + border-color: #6272a4; + background-color: #282a36; +} + body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider { border-color: #282a36; } diff --git a/sass/tildes-dracula/_html-tags.sass b/sass/tildes-dracula/_html-tags.sass index 77b9575..7fa8903 100644 --- a/sass/tildes-dracula/_html-tags.sass +++ b/sass/tildes-dracula/_html-tags.sass @@ -12,6 +12,9 @@ body.theme-black color: $foreground background-color: $selection + fieldset + border-color: $comment + pre, code color: $foreground @@ -30,7 +33,8 @@ body.theme-black input, textarea, - .form-input + .form-input, + .form-input:not(:focus) color: $foreground border-color: $comment background-color: $background diff --git a/sass/tildes-dracula/_misc.sass b/sass/tildes-dracula/_misc.sass index 316c303..7b1420a 100644 --- a/sass/tildes-dracula/_misc.sass +++ b/sass/tildes-dracula/_misc.sass @@ -4,6 +4,11 @@ body:not(.theme), body.theme-light, body.theme-dark, body.theme-black + .toast + color: $foreground + border-color: $comment + background-color: $background + .divider border-color: $background diff --git a/sass/tildes-dracula/tildes-dracula.json b/sass/tildes-dracula/tildes-dracula.json index 3e96d19..a266286 100644 --- a/sass/tildes-dracula/tildes-dracula.json +++ b/sass/tildes-dracula/tildes-dracula.json @@ -4,7 +4,7 @@ "options": { "name": "Tildes Dracula", "namespace": "tildes.net", - "version": "2.0.3", + "version": "2.0.4", "author": "Bauke", "description": "Dracula theme for Tildes.net", "homepageURL": "https://gitlab.com/Bauke/styles",