Bauke/userstyles
Bauke
/
userstyles
1
Fork 0
Code Releases 4 Activity

Create notabug-dracula 1.0.0

This commit is contained in:
Bauke 2018-06-19 21:07:12 +02:00
parent 2755dc4eaf
commit 2c7c1278fa
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
11 changed files with 276 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/notabug-dracula/README.md Normal file
View File

@ -0,0 +1,7 @@
# Tildes Compact
> Dracula theme for [notabug.io](https://notabug.io)
## Installing
To install this theme, check out [the Wiki](https://gitlab.com/Bauke/styles/wikis/Installing-Styles).

33
css/notabug-dracula/notabug-dracula.css Normal file
View File

@ -0,0 +1,33 @@
@-moz-document domain('notabug.io') { .thing .title { color: #8be9fd; }
.thing .title:hover, .thing .title:active, .thing .title:focus { color: #ff79c6; }
.thing .title:visited { color: #ff79c6; }
#header { border-bottom: 2px solid #44475a; background-color: #282a36; }
.tabmenu li a { color: #f8f8f2; background-color: #44475a; padding: 5px 10px 0px 10px; }
.tabmenu li.selected a { color: #f8f8f2; border: none; background-color: #6272a4; }
#header-bottom-right { color: #f8f8f2; border-radius: 0; background-color: #44475a; padding: 6px 10px; }
body { color: #f8f8f2; background-color: #44475a; }
a { color: #8be9fd; }
a:hover, a:active, a:focus { color: #ff79c6; }
blockquote, .md blockquote { color: #f8f8f2; background-color: #282a36; border-left-color: #f8f8f2; }
hr, .md hr { background-color: #6272a4; }
pre, .md pre { color: #f8f8f2; background-color: #44475a; border-radius: 0; border: none; }
.side { background-color: #282a36; margin: 0; }
.side .login-form-side { margin: 0 10px; border: none; }
.side .login-form-side .status { margin: 7px 0px 0px 0px; border: none; padding: 10px; font-weight: bold; }
.side .login-form-side input[type='password'], .side .login-form-side input[type='text'] { width: 100%; margin: 7px 0px 0px 0px; border: 1px solid #6272a4; color: #f8f8f2; background-color: #44475a; font-family: sans-serif; font-weight: bold; }
.side .login-form-side input[type='password']::placeholder, .side .login-form-side input[type='text']::placeholder { color: #f8f8f2; font-family: sans-serif; font-weight: bold; }
.side .login-form-side .submit { margin: 7px 0px 0px 0px; }
.side .login-form-side .submit button { padding: 4px 48px; border-radius: 0; border: 1px solid #6272a4; color: #f8f8f2; background-color: #44475a; }
.side .login-form-side .submit button:hover, .side .login-form-side .submit button:active, .side .login-form-side .submit button:focus { background-color: #6272a4; }
.side .reddit-infobar { color: #282a36; background-color: #f1fa8c; border: none; margin: 0px 10px; }
.side .morelink { margin: 0px 10px; border: 1px solid #6272a4; background: none; background-color: #44475a; }
.side .morelink .nub { background: none; }
.side .morelink a { color: #8be9fd; }
.side .morelink a:hover, .side .morelink a:active, .side .morelink a:focus { color: #ff79c6; }
.side .titlebox { margin: 0px 10px; }
.side .md { color: #f8f8f2; }
.side pre, .side .md pre { overflow: hidden; }
.side .bottom { color: #f8f8f2; border: none; padding-top: 4px; }
.side .spacer { margin: 7px 0px; }
.side hr { display: none; }
.error, .red { color: #282a36; background-color: #ff5555; } }

43
css/notabug-dracula/notabug-dracula.user.css Normal file
View File

@ -0,0 +1,43 @@
/* ==UserStyle==
@name Notabug Dracula
@namespace notabug.io
@version 1.0.0
@author Bauke
@description Dracula theme for notabug.io
@homepageURL https://gitlab.com/Bauke/styles
@supportURL https://gitlab.com/Bauke/styles/issues
@license MIT
==/UserStyle== */
@-moz-document domain('notabug.io') { .thing .title { color: #8be9fd; }
.thing .title:hover, .thing .title:active, .thing .title:focus { color: #ff79c6; }
.thing .title:visited { color: #ff79c6; }
#header { border-bottom: 2px solid #44475a; background-color: #282a36; }
.tabmenu li a { color: #f8f8f2; background-color: #44475a; padding: 5px 10px 0px 10px; }
.tabmenu li.selected a { color: #f8f8f2; border: none; background-color: #6272a4; }
#header-bottom-right { color: #f8f8f2; border-radius: 0; background-color: #44475a; padding: 6px 10px; }
body { color: #f8f8f2; background-color: #44475a; }
a { color: #8be9fd; }
a:hover, a:active, a:focus { color: #ff79c6; }
blockquote, .md blockquote { color: #f8f8f2; background-color: #282a36; border-left-color: #f8f8f2; }
hr, .md hr { background-color: #6272a4; }
pre, .md pre { color: #f8f8f2; background-color: #44475a; border-radius: 0; border: none; }
.side { background-color: #282a36; margin: 0; }
.side .login-form-side { margin: 0 10px; border: none; }
.side .login-form-side .status { margin: 7px 0px 0px 0px; border: none; padding: 10px; font-weight: bold; }
.side .login-form-side input[type='password'], .side .login-form-side input[type='text'] { width: 100%; margin: 7px 0px 0px 0px; border: 1px solid #6272a4; color: #f8f8f2; background-color: #44475a; font-family: sans-serif; font-weight: bold; }
.side .login-form-side input[type='password']::placeholder, .side .login-form-side input[type='text']::placeholder { color: #f8f8f2; font-family: sans-serif; font-weight: bold; }
.side .login-form-side .submit { margin: 7px 0px 0px 0px; }
.side .login-form-side .submit button { padding: 4px 48px; border-radius: 0; border: 1px solid #6272a4; color: #f8f8f2; background-color: #44475a; }
.side .login-form-side .submit button:hover, .side .login-form-side .submit button:active, .side .login-form-side .submit button:focus { background-color: #6272a4; }
.side .reddit-infobar { color: #282a36; background-color: #f1fa8c; border: none; margin: 0px 10px; }
.side .morelink { margin: 0px 10px; border: 1px solid #6272a4; background: none; background-color: #44475a; }
.side .morelink .nub { background: none; }
.side .morelink a { color: #8be9fd; }
.side .morelink a:hover, .side .morelink a:active, .side .morelink a:focus { color: #ff79c6; }
.side .titlebox { margin: 0px 10px; }
.side .md { color: #f8f8f2; }
.side pre, .side .md pre { overflow: hidden; }
.side .bottom { color: #f8f8f2; border: none; padding-top: 4px; }
.side .spacer { margin: 7px 0px; }
.side hr { display: none; }
.error, .red { color: #282a36; background-color: #ff5555; } }

13
sass/notabug-dracula/_colors.sass Normal file
View File

@ -0,0 +1,13 @@
$foreground: #f8f8f2
$background: #282a36
$selection: #44475a
$current-line: #44475a
$comment: #6272a4
$red: #ff5555
$orange: #ffb86c
$yellow: #f1fa8c
$green: #50fa7b
$cyan: #8be9fd
$purple: #bd93f9
$pink: #ff79c6

12
sass/notabug-dracula/_content.sass Normal file
View File

@ -0,0 +1,12 @@
@import '_colors.sass'
.thing .title
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $pink

22
sass/notabug-dracula/_header.sass Normal file
View File

@ -0,0 +1,22 @@
@import '_colors.sass'
#header
border-bottom: 2px solid $selection
background-color: $background
.tabmenu li
a
color: $foreground
background-color: $selection
padding: 5px 10px 0px 10px
&.selected a
color: $foreground
border: none
background-color: $comment
#header-bottom-right
color: $foreground
border-radius: 0
background-color: $selection
padding: 6px 10px

30
sass/notabug-dracula/_html-tags.sass Normal file
View File

@ -0,0 +1,30 @@
@import '_colors.sass'
body
color: $foreground
background-color: $selection
a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
blockquote,
.md blockquote
color: $foreground
background-color: $background
border-left-color: $foreground
hr,
.md hr
background-color: $comment
pre,
.md pre
color: $foreground
background-color: $selection
border-radius: 0
border: none

89
sass/notabug-dracula/_sidebar.sass Normal file
View File

@ -0,0 +1,89 @@
@import '_colors.sass'
.side
background-color: $background
margin: 0
.login-form-side
margin: 0 10px
border: none
.status
margin: 7px 0px 0px 0px
border: none
padding: 10px
font-weight: bold
input[type='password'],
input[type='text']
width: 100%
margin: 7px 0px 0px 0px
border: 1px solid $comment
color: $foreground
background-color: $selection
font-family: sans-serif
font-weight: bold
&::placeholder
color: $foreground
font-family: sans-serif
font-weight: bold
.submit
margin: 7px 0px 0px 0px
button
padding: 4px 48px
border-radius: 0
border: 1px solid $comment
color: $foreground
background-color: $selection
&:hover,
&:active,
&:focus
background-color: $comment
.reddit-infobar
color: $background
background-color: $yellow
border: none
margin: 0px 10px
.morelink
margin: 0px 10px
border: 1px solid $comment
background: none
background-color: $selection
.nub
background: none
a
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
.titlebox
margin: 0px 10px
.md
color: $foreground
pre,
.md pre
overflow: hidden
.bottom
color: $foreground
border: none
padding-top: 4px
.spacer
margin: 7px 0px
hr
display: none

6
sass/notabug-dracula/_status.sass Normal file
View File

@ -0,0 +1,6 @@
@import '_colors.sass'
.error,
.red
color: $background
background-color: $red

14
sass/notabug-dracula/notabug-dracula.json Normal file
View File

@ -0,0 +1,14 @@
{
"entry": "notabug-dracula.css",
"folder": "notabug-dracula",
"options": {
"name": "Notabug Dracula",
"namespace": "notabug.io",
"version": "1.0.0",
"author": "Bauke",
"description": "Dracula theme for notabug.io",
"homepageURL": "https://gitlab.com/Bauke/styles",
"supportURL": "https://gitlab.com/Bauke/styles/issues",
"license": "MIT"
}
}

7
sass/notabug-dracula/notabug-dracula.sass Normal file
View File

@ -0,0 +1,7 @@
@-moz-document domain('notabug.io')
@import '_colors.sass'
@import '_content.sass'
@import '_header.sass'
@import '_html-tags.sass'
@import '_sidebar.sass'
@import '_status.sass'