From 2c7c1278facad737381d9f6b8b5c95a83cdb1ba2 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Tue, 19 Jun 2018 21:07:12 +0200
Subject: [PATCH] Create notabug-dracula 1.0.0

---
 css/notabug-dracula/README.md                |  7 ++
 css/notabug-dracula/notabug-dracula.css      | 33 ++++++++
 css/notabug-dracula/notabug-dracula.user.css | 43 ++++++++++
 sass/notabug-dracula/_colors.sass            | 13 +++
 sass/notabug-dracula/_content.sass           | 12 +++
 sass/notabug-dracula/_header.sass            | 22 +++++
 sass/notabug-dracula/_html-tags.sass         | 30 +++++++
 sass/notabug-dracula/_sidebar.sass           | 89 ++++++++++++++++++++
 sass/notabug-dracula/_status.sass            |  6 ++
 sass/notabug-dracula/notabug-dracula.json    | 14 +++
 sass/notabug-dracula/notabug-dracula.sass    |  7 ++
 11 files changed, 276 insertions(+)
 create mode 100644 css/notabug-dracula/README.md
 create mode 100644 css/notabug-dracula/notabug-dracula.css
 create mode 100644 css/notabug-dracula/notabug-dracula.user.css
 create mode 100644 sass/notabug-dracula/_colors.sass
 create mode 100644 sass/notabug-dracula/_content.sass
 create mode 100644 sass/notabug-dracula/_header.sass
 create mode 100644 sass/notabug-dracula/_html-tags.sass
 create mode 100644 sass/notabug-dracula/_sidebar.sass
 create mode 100644 sass/notabug-dracula/_status.sass
 create mode 100644 sass/notabug-dracula/notabug-dracula.json
 create mode 100644 sass/notabug-dracula/notabug-dracula.sass

diff --git a/css/notabug-dracula/README.md b/css/notabug-dracula/README.md
new file mode 100644
index 0000000..b40c1a7
--- /dev/null
+++ b/css/notabug-dracula/README.md
@@ -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).
diff --git a/css/notabug-dracula/notabug-dracula.css b/css/notabug-dracula/notabug-dracula.css
new file mode 100644
index 0000000..af2e542
--- /dev/null
+++ b/css/notabug-dracula/notabug-dracula.css
@@ -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; } }
diff --git a/css/notabug-dracula/notabug-dracula.user.css b/css/notabug-dracula/notabug-dracula.user.css
new file mode 100644
index 0000000..28d8989
--- /dev/null
+++ b/css/notabug-dracula/notabug-dracula.user.css
@@ -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; } }
diff --git a/sass/notabug-dracula/_colors.sass b/sass/notabug-dracula/_colors.sass
new file mode 100644
index 0000000..2709f16
--- /dev/null
+++ b/sass/notabug-dracula/_colors.sass
@@ -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
diff --git a/sass/notabug-dracula/_content.sass b/sass/notabug-dracula/_content.sass
new file mode 100644
index 0000000..d9a67dd
--- /dev/null
+++ b/sass/notabug-dracula/_content.sass
@@ -0,0 +1,12 @@
+@import '_colors.sass'
+
+.thing .title
+  color: $cyan
+
+  &:hover,
+  &:active,
+  &:focus
+    color: $pink
+
+  &:visited
+    color: $pink
diff --git a/sass/notabug-dracula/_header.sass b/sass/notabug-dracula/_header.sass
new file mode 100644
index 0000000..3ae8ad4
--- /dev/null
+++ b/sass/notabug-dracula/_header.sass
@@ -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
diff --git a/sass/notabug-dracula/_html-tags.sass b/sass/notabug-dracula/_html-tags.sass
new file mode 100644
index 0000000..b886729
--- /dev/null
+++ b/sass/notabug-dracula/_html-tags.sass
@@ -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
diff --git a/sass/notabug-dracula/_sidebar.sass b/sass/notabug-dracula/_sidebar.sass
new file mode 100644
index 0000000..80b9e70
--- /dev/null
+++ b/sass/notabug-dracula/_sidebar.sass
@@ -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
diff --git a/sass/notabug-dracula/_status.sass b/sass/notabug-dracula/_status.sass
new file mode 100644
index 0000000..8e693ac
--- /dev/null
+++ b/sass/notabug-dracula/_status.sass
@@ -0,0 +1,6 @@
+@import '_colors.sass'
+
+.error,
+.red
+  color: $background
+  background-color: $red
diff --git a/sass/notabug-dracula/notabug-dracula.json b/sass/notabug-dracula/notabug-dracula.json
new file mode 100644
index 0000000..42f8f36
--- /dev/null
+++ b/sass/notabug-dracula/notabug-dracula.json
@@ -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"
+  }
+}
diff --git a/sass/notabug-dracula/notabug-dracula.sass b/sass/notabug-dracula/notabug-dracula.sass
new file mode 100644
index 0000000..c639ec5
--- /dev/null
+++ b/sass/notabug-dracula/notabug-dracula.sass
@@ -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'