Add some input/new topic styling
This commit is contained in:
parent
22a824ec25
commit
470ec3b49d
|
@ -156,6 +156,10 @@ body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme
|
||||||
background-color: #44475a;
|
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 {
|
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;
|
color: #f8f8f2;
|
||||||
background-color: #282a36;
|
background-color: #282a36;
|
||||||
|
@ -173,7 +177,7 @@ body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.th
|
||||||
border-color: #f8f8f2;
|
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;
|
color: #f8f8f2;
|
||||||
border-color: #6272a4;
|
border-color: #6272a4;
|
||||||
background-color: #282a36;
|
background-color: #282a36;
|
||||||
|
@ -276,6 +280,12 @@ body:not(.theme) .message header,body.theme-light .message header,body.theme-dar
|
||||||
background-color: #282a36;
|
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 {
|
body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider {
|
||||||
border-color: #282a36;
|
border-color: #282a36;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* ==UserStyle==
|
/* ==UserStyle==
|
||||||
@name Tildes Dracula
|
@name Tildes Dracula
|
||||||
@namespace tildes.net
|
@namespace tildes.net
|
||||||
@version 2.0.3
|
@version 2.0.4
|
||||||
@author Bauke
|
@author Bauke
|
||||||
@description Dracula theme for Tildes.net
|
@description Dracula theme for Tildes.net
|
||||||
@homepageURL https://gitlab.com/Bauke/styles
|
@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;
|
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 {
|
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;
|
color: #f8f8f2;
|
||||||
background-color: #282a36;
|
background-color: #282a36;
|
||||||
|
@ -184,7 +188,7 @@ body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.th
|
||||||
border-color: #f8f8f2;
|
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;
|
color: #f8f8f2;
|
||||||
border-color: #6272a4;
|
border-color: #6272a4;
|
||||||
background-color: #282a36;
|
background-color: #282a36;
|
||||||
|
@ -287,6 +291,12 @@ body:not(.theme) .message header,body.theme-light .message header,body.theme-dar
|
||||||
background-color: #282a36;
|
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 {
|
body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider {
|
||||||
border-color: #282a36;
|
border-color: #282a36;
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,6 +12,9 @@ body.theme-black
|
||||||
color: $foreground
|
color: $foreground
|
||||||
background-color: $selection
|
background-color: $selection
|
||||||
|
|
||||||
|
fieldset
|
||||||
|
border-color: $comment
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
code
|
code
|
||||||
color: $foreground
|
color: $foreground
|
||||||
|
@ -30,7 +33,8 @@ body.theme-black
|
||||||
|
|
||||||
input,
|
input,
|
||||||
textarea,
|
textarea,
|
||||||
.form-input
|
.form-input,
|
||||||
|
.form-input:not(:focus)
|
||||||
color: $foreground
|
color: $foreground
|
||||||
border-color: $comment
|
border-color: $comment
|
||||||
background-color: $background
|
background-color: $background
|
||||||
|
|
|
@ -4,6 +4,11 @@ body:not(.theme),
|
||||||
body.theme-light,
|
body.theme-light,
|
||||||
body.theme-dark,
|
body.theme-dark,
|
||||||
body.theme-black
|
body.theme-black
|
||||||
|
.toast
|
||||||
|
color: $foreground
|
||||||
|
border-color: $comment
|
||||||
|
background-color: $background
|
||||||
|
|
||||||
.divider
|
.divider
|
||||||
border-color: $background
|
border-color: $background
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
"options": {
|
"options": {
|
||||||
"name": "Tildes Dracula",
|
"name": "Tildes Dracula",
|
||||||
"namespace": "tildes.net",
|
"namespace": "tildes.net",
|
||||||
"version": "2.0.3",
|
"version": "2.0.4",
|
||||||
"author": "Bauke",
|
"author": "Bauke",
|
||||||
"description": "Dracula theme for Tildes.net",
|
"description": "Dracula theme for Tildes.net",
|
||||||
"homepageURL": "https://gitlab.com/Bauke/styles",
|
"homepageURL": "https://gitlab.com/Bauke/styles",
|
||||||
|
|
Loading…
Reference in New Issue