From 48d6e4ae3b7f2c8856fda7815ab5050b00ada93d Mon Sep 17 00:00:00 2001
From: keyhelpuser <keyhelpuser@noreply.nibblegit.com>
Date: Sun, 5 May 2024 16:26:37 +0000
Subject: [PATCH] Update keyhelp_theme_dark_for_nibblegap.txt

---
 keyhelp_theme_dark_for_nibblegap.txt | 1256 +++++++++++++-------------
 1 file changed, 625 insertions(+), 631 deletions(-)

diff --git a/keyhelp_theme_dark_for_nibblegap.txt b/keyhelp_theme_dark_for_nibblegap.txt
index 616a1c8..75273da 100644
--- a/keyhelp_theme_dark_for_nibblegap.txt
+++ b/keyhelp_theme_dark_for_nibblegap.txt
@@ -1,635 +1,629 @@
-{\rtf1\ansi\ansicpg1250\cocoartf2639
-\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
-{\colortbl;\red255\green255\blue255;}
-{\*\expandedcolortbl;;}
-\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
-\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0
+/*! Additional CSS for KeyHelp theme dark for nibble gap.com by keyhelptheme.com */
 
-\f0\fs24 \cf0 /*! Additional CSS for KeyHelp theme dark for nibble gap.com by keyhelptheme.com */\
-.title \{\
-    color: white;\
-\}\
-html \{\
-  background-color: #1d2327;\
-  color: #D5D8D7 !important;\
-  background-image: url("https://nibblecdn.com/images/background2.jpg");\
-  background-repeat: repeat;\
-  background-attachment: fixed;\
-  background-color: #1d1f21;\
-\}\
-#header \{\
-    background-color: #1d2327;\
-\}\
-#user-menu \{\
-    background-color: #1d2327;\
-\}\
-#header a \{\
-    color: #e0dada;\
-\}\
-.dropdown-item \{\
-    color: #cacaca;\
-\}\
-.card-header \{\
-    background-color: #00000040;\
-\}\
-.card \{\
-    color: #fff;\
-\}\
-.card-content \{\
-    background-color: #7b7b7b21;\
-\}\
-.table.is-striped tbody tr:not(.is-selected):nth-child(2n) \{\
-    background-color: #f0efef;\
-\}\
-.card-footer \{\
-    background-color: #b6b6bc;\
-\}\
-.breadcrumb li + li::before \{\
-    color: #fffafa;\
-\}\
-.breadcrumb li.is-disabled a \{\
-    color: #fff;\
-\}\
-.breadcrumb a \{\
-    color: #6fbcff;\
-\}\
-.breadcrumb a:hover \{\
-    color: #ffb96f;\
-\}\
-.card \{\
-    color: #2b2b2b;\
-\}\
-.has-text-grey-light \{\
-    color: #8e8e8e !important;\
-\}\
-.tabs a \{\
-    color: #ffffffbf;\
-\}\
-.tabs.is-boxed li.is-active a \{\
-    background-color: #d7d7d7;\
-\}\
-.tabs.is-boxed a:hover \{\
-    background-color: #ddd;\
-    border-bottom-color: #0f0f0f;\
-\}\
-.select select, .textarea, .input \{\
-    background-color: #fbfbfb;\
-    border-color: #dbdbdb;\
-    color: #363636;\
-\}\
-input[disabled], input[readonly], textarea[disabled], select[disabled] \{\
-    color: #0d0d0d !important;\
-    border-color: #999797 !important;\
-    background-color: #c7c7d2 !important;\
-\}\
-.has-text-grey \{\
-    color: #555 !important;\
-\}\
-.table \{\
-    color: #000;\
-\}\
-.file.is-link .file-cta \{\
-    background-color: #444444;\
-    border-color: transparent;\
-    color: #fff;\
-\}\
-.file.is-link:hover .file-cta:hover \{\
-    background-color: #E4E4EA;\
-    border-color: #444444;\
-    color: #444444;\
-\}\
-.button.is-link \{\
-    background-color: #444444;\
-    border-color: transparent;\
-    color: #fff;\
-\}\
-.button.is-link:hover \{\
-    color: #444444;\
-    background-color: #E4E4EA;\
-    border-color: #444444;\
-\}\
-.button.is-danger:hover \{\
-    color: #A62C44;\
-    background-color: #E4E4EA;\
-    border-color: #A62C44;\
-\}\
-.button.is-danger \{\
-    background-color: #444444;\
-    border-color: transparent;\
-    color: #fff;\
-\}\
-body \{\
-\
-    font-size: 1em;\
-    font-weight: 400;\
-    line-height: 1.5;\
-    font-family: IBM Plex Mono,monospace;\
-    color: #D5D8D7 !important;\
-\}\
-body, button, input, optgroup, select, textarea \{\
-    font-family: IBM Plex Mono,monospace;\
-  \
-\}\
-a \{\
-    color: #0062ff;\
-\}\
-\
-#sidebar \{\
-    background-color: #1d2327;\
-    border-right: 1px solid #1d2327;\
-\}\
-a \{\
-    color: #dbdbdb;\
-\}\
-.has-text-link \{\
-    color: #dbdbdb !important;\
-\}\
-.box \{\
-    border-radius: 9px;\
-\}\
-.table tr.is-selected \{\
-    background-color: #444444;\
-    color: #fff;\
-\}\
-.has-text-danger \{\
-    color: #1d2327 !important;\
-\}\
-.card \{\
-    border-radius: 0px;\
-\}\
-.breadcrumb a \{\
-    color: #444444;\
-\}\
-.table.is-striped tbody tr:not(.is-selected):nth-child(2n) \{\
-    background-color: #E4E4EA;\
-\}\
-.card-header \{\
-    background-color: #E4E4EA;\
-\}\
-.card-footer \{\
-    background-color: #E4E4EA;\
-\}\
-.card-footer:first-child, .card-content:first-child, .card-header:first-child \{\
-    border-top-left-radius: 0px;\
-    border-top-right-radius: 0px;\
-\}\
-.card-footer:last-child, .card-content:last-child, .card-header:last-child \{\
-    border-bottom-left-radius: 0px;\
-    border-bottom-right-radius: 0px;\
-\}\
-.file-name \{\
-    border-color: #E4E4EA;\
-\}\
-.file-cta, .file-name \{\
-    border-color: #E4E4EA;\
-\}\
-.modal-close, .delete \{\
-    background-color: #444444;\
-\}\
-.tabs li.is-active a \{\
-    color: #444444;\
-\}\
-.message-body \{\
-    color: #444444;\
-\}\
-.message.is-info .message-body \{\
-    border-color: #444444;\
-    color: #444444;\
-\}\
-.message.is-info \{\
-    background-color: #E4E4EA;\
-\}\
-.message.is-success .message-body \{\
-    border-color: #444444;\
-    color: #444444;\
-\}\
-.message.is-success \{\
-    background-color: #E4E4EA;\
-\}\
-.card \{\
-    color: #444444;\
-\}\
-.button.is-link.is-outlined \{\
-    background-color: transparent;\
-    border-color: #444444;\
-    color: #444444;\
-\}\
-.button.is-link.is-outlined:hover \{\
-    color: #444444;\
-    background-color: #E4E4EA;\
-    border-color: #444444;\
-\}\
-.label \{\
-    color: #dbdbdb;\
-    display: block;\
-    font-size: 1rem;\
-    font-weight: 700;\
-\}\
-.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 \{\
-    color: #444444;\
-    font-weight: 600;\
-    line-height: 1.125;\
-\}\
-strong \{\
-    color: #B6B6BC;\
-    font-weight: 700;\
-\}\
-.has-text-info \{\
-    color: #fa0 !important;\
-\}\
-.has-text-warning \{\
-    color: #48c774 !important;\
-\}\
-.tag:not(body).is-success \{\
-    background-color: #444444;\
-    color: #fff;\
-\}\
-.tag:not(body).is-info \{\
-    background-color: #444444;\
-    color: #fff;\
-\
-\}\
-.tag:not(body).is-success \{\
-    background-color: #444444;\
-    color: #fff;\
-\
-\}\
-.modal-card-title \{\
-    color: #444444;\
-    flex-grow: 1;\
-    flex-shrink: 0;\
-    font-size: 1.2rem;\
-    line-height: 1;\
-\}\
-a.dropdown-item, button.dropdown-item \{\
-    padding-right: 10rem;\
-    text-align: inherit;\
-    white-space: nowrap;\
-    width: 100%;\
-\}\
-.button:focus:not(:active), .button.is-focused:not(:active) \{\
-    box-shadow: 0 0 0 .125em #444444;\
-\}\
-.button:focus, .button.is-focused \{\
-    border-color: #444444;\
-    color: #363636;\
-\}\
-.button.is-link.is-outlined \{\
-    color: #444444;\
-\}\
-.button.is-link.is-outlined \{\
-    color: #444444;\
-\}\
-.button.is-link.is-outlined \{\
-    background-color: transparent;\
-    border-color: #444444;\
-    color: #444444;\
-\}\
-.card \{\
-  background-color: #1d2327;\
-  border-radius: .25rem;\
-  box-shadow: 3px 3px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);\
-  color: #4a4a4a;\
-  max-width: 100%;\
-  position: relative;\
-  \}\
-.card-header \{\
-  background-color: #1d2327;\
-\}\
-.card-footer \{\
-  background-color: #1d2327;\
-\}\
-.table.is-striped tbody tr:not(.is-selected):nth-child(2n) \{\
-  background-color: #1d2327;\
-\}\
-.table \{\
-  color: #fff;\
-\}\
-.table th \{\
-  color: #fff;\
-\}\
-.card-header-title \{\
-  align-items: center;\
-  color: #fff;\
-  display: flex;\
-  flex-grow: 1;\
-  font-weight: 700;\
-  padding: .75rem 1rem;\
-\}\
-.has-text-grey \{\
-  color: #fff !important;\
-\}\
-.card \{\
-  color: #fff;\
-\}\
-.table thead td, .table thead th \{\
-  border-width: 0 0 2px;\
-  color: #fff;\
-\}\
-.has-text-danger \{\
-  color: #1d2327 !important;\
-\}\
-.button.is-dark \{\
-  background-color: #444444;\
-  border-color: transparent;\
-  color: #fff;\
-\}\
-.modal-card-body \{\
-  -webkit-overflow-scrolling: touch;\
-  background-color: #1d2327;\
-  flex-grow: 1;\
-  flex-shrink: 1;\
-  overflow: auto;\
-  padding: 20px;\
-\}\
-.modal-card-head, .modal-card-foot \{\
-  align-items: center;\
-  background-color: #1d2327;\
-  display: flex;\
-  flex-shrink: 0;\
-  justify-content: flex-start;\
-  padding: 20px;\
-  position: relative;\
-\}\
-.tippy-box[data-theme~="light-border"] \{\
-  background-color: #1d2327;\
-  background-clip: padding-box;\
-  border: 1px solid #444444;\
-  color: #fff;\
-  white-space: normal;\
-\}\
-.tippy-box[data-theme~="light-border"][data-placement^="bottom"] > .tippy-arrow::before \{\
-  border-bottom-color: #444444;\
-  bottom: 16px;\
-\}\
-.table.is-hoverable tbody tr:not(.is-selected):hover\{background-color:#1d2327\
-\}\
-.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover\{background-color:#1d2327\
-\}\
-.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even)\{background-color:#1d2327\
-\}\
-.button.is-link:hover,.button.is-link.is-hovered\{background-color:#444444;border-color:transparent;color:#fff\
-\}\
-.file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta\{background-color:#444444;border-color:transparent;color:#fff\
-\}\
-.file.has-name .file-name \{\
-  margin-right: .75rem;\
-\}\
-.file-cta, .file-name \{\
-  border-color: #dbdbdb;\
-  border-radius: 4px;\
-  font-size: 1em;\
-  padding-left: 1em;\
-  padding-right: 1em;\
-  white-space: nowrap;\
-  margin-right: .99rem;\
-\}\
-.file-name \{\
-  border-color: transparent;\
-  border-style: solid;\
-  border-width: 1px 1px 1px 1px;\
-  display: block;\
-  max-width: 26em;\
-  overflow: hidden;\
-  text-align: inherit;\
-  text-overflow: ellipsis;\
-  margin-right: .175rem;\
-\}\
-.table tfoot td, .table tfoot th \{\
-  border-width: 1px 0 0;\
-  color: #fff;\
-\}\
-.table thead td, .table thead th \{\
-  border-width: 0 0 1px;\
-  color: #fff;\
-\}\
-.card-content \{\
-  background-color: #1d2327;\
-\}\
-body, button, input, optgroup, select, textarea \{\
-  font-family: IBM Plex Mono,monospace;\
-\}\
-.has-text-danger \{\
-  color: #f14668 !important;\
-\}\
-.card.is-card-on-card \{\
-  background-color: #1d2327;\
-\}\
-pre \{\
-  -webkit-overflow-scrolling: touch;\
-  background-color: #f5f5f5;\
-  color: #fff;\
-  font-size: .875em;\
-  overflow-x: auto;\
-  padding: 1.25rem 1.5rem;\
-  white-space: pre;\
-  word-wrap: normal;\
-\}\
-.pagination-link.is-current \{\
-  background-color: #1d2327;\
-  border-color: #fff;\
-  color: #fff;\
-\}\
-select[disabled] \{\
-  color: #0d0d0d !important;\
-  border-color: #444444 !important;\
-  background-color: #444444 !important;\
-\}\
-input[disabled], input[readonly], textarea[disabled], select[disabled] \{\
-  color: #0d0d0d !important;\
-  border-color: #444444 !important;\
-  background-color: #444444 !important;\
-\}\
-.fa-stack \{\
-  display: inline-block;\
-  height: 2em;\
-  line-height: 2em;\
-  position: relative;\
-  vertical-align: middle;\
-  width: 2.5em;\
-  color: #444444;\
-\}\
-.box \{\
-  background-color: #1d2327;\
-  border-radius: 4px;\
-  box-shadow: 0 0 20px 1px rgba(10,10,10,.4),2px 2px 20px 0 rgba(10,10,10,.4);\
-  color: #4a4a4a;\
-  display: block;\
-  padding: 1rem 2rem 1rem 2rem;\
-\}\
-.content table thead td, .content table thead th \{\
-  border-width: 0 0 2px;\
-  color: #fff;\
-\}\
-.box \{\
-  color: #fff;\
-\}\
-\
-.select select, .textarea, .input \{\
-  background-color: #fff;\
-  border-color: #dbdbdb;\
-  border-radius: 0px;\
-    border-top-right-radius: 0px;\
-    border-bottom-right-radius: 0px;\
-  color: #363636;\
-\}\
-\
-.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .textarea, .input, .button \{\
-  -moz-appearance: none;\
-  -webkit-appearance: none;\
-  align-items: center;\
-  border: 1px solid transparent;\
-    border-top-color: transparent;\
-    border-right-color: transparent;\
-    border-bottom-color: transparent;\
-    border-left-color: transparent;\
-  border-radius: 0px;\
-  box-shadow: none;\
-  display: inline-flex;\
-  font-size: 1rem;\
-  height: 2.25em;\
-  justify-content: flex-start;\
-  line-height: 1.5;\
-  padding-bottom: calc(0.375em - 1px);\
-  padding-left: calc(0.625em - 1px);\
-  padding-right: calc(0.625em - 1px);\
-  padding-top: calc(0.375em - 1px);\
-  position: relative;\
-  vertical-align: top;\
-\}\
-\
-.CodeMirror \{\
-  box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05) !important;\
-  border-color: #dbdbdb !important;\
-  border-radius: 0px !important;\
-  border-width: 1px !important;\
-  border-style: solid !important;\
-\}\
-\
-.tabs.is-boxed a \{\
-  border: 1px solid transparent;\
-    border-top-color: transparent;\
-    border-right-color: transparent;\
-    border-bottom-color: transparent;\
-    border-left-color: transparent;\
-  border-radius: 0px 0px 0 0;\
-\}\
-\
-.button.is-fullwidth \{\
-  display: block;\
-  width: 100%;\
-\}\
-\
-.hero.is-primary \{\
-  background-color: #1D2327;\
-  color: #fff;\
-\}\
-\
-.svg-vendor-logo \{\
-  max-height: 1.5rem;\
-  max-width: 2.75rem;\
-  vertical-align: middle;\
-  -webkit-filter: brightness(1) contrast(1%) invert(1);\
-\}\
-\
-#header\
-\{\
-  position: fixed;\
-  top: 0px;\
-  left: 0px;\
-  right: 0px;\
-  padding: .5rem .5rem .5rem 1rem;\
-  box-shadow: 0px 3px 3px rgba(10,10,10,.1);\
-  border-bottom: 1px solid #d9534f;\
-  z-index: 1030;\
-\}\
-\
-.box\
-\{\
-  background-color: #1d2327;\
-  border-radius: 4px;\
-  box-shadow: 0 0 0px 0px rgba(10,10,10,.4),0px 0px 0px 0 rgba(10,10,10,.4);\
-  color: #4a4a4a;\
-  display: block;\
-  padding: 1rem 2rem 1rem 2rem;\
-\}\
-\
-.card-content:not(:first-child)\
-\{\
-  border-top: 1px solid #d9534f;\
-\}\
-\
-.has-text-danger\
-\{\
-  color: #d9534f !important;\
-\}\
-\
-.has-text-success\
-\{\
-  color: #D5D8D7 !important;\
-\}\
-\
-a.has-text-danger:hover,a.has-text-danger:focus\
-\{\
-  color:#d9534f !important;\
-\}\
-\
-.breadcrumb a:hover\
-\{\
-  color: #d9534f;\
-\}\
-\
-.menu-list a.is-active\
-\{\
-  background-color: #d9534f;\
-  color: #fff;\
-\}\
-\
-.tag:not(body).is-danger \{\
-  background-color: #D9534F;\
-  color: #fff;\
-\}\
-.tag:not(body) \{\
-  align-items: center;\
-  background-color: #f5f5f5;\
-  border-radius: 0px;\
-  color: #4a4a4a;\
-  display: inline-flex;\
-  font-size: .75rem;\
-  height: 2em;\
-  justify-content: center;\
-  line-height: 1.5;\
-  padding-left: .75em;\
-  padding-right: .75em;\
-  white-space: nowrap;\
-\}\
-\
-.button \{\
-  background-color: #D9534F;\
-  border-color: #dbdbdb;\
-  border-width: 1px;\
-  color: #363636;\
-  cursor: pointer;\
-  justify-content: center;\
-  padding-bottom: calc(0.375em - 1px);\
-  padding-left: .75em;\
-  padding-right: .75em;\
-  padding-top: calc(0.375em - 1px);\
-  text-align: center;\
-  white-space: nowrap;\
-\}\
-\
-@media screen and (min-width: 1024px) \{\
-  #content-wrapper \{\
-    margin-left: 250px;\
-    transition: all .3s ease-in-out;\
-    color: #D5D8D7 !important;\
-    background-image: url("https://nibblecdn.com/images/background2.jpg");\
-    background-repeat: repeat;\
-    background-attachment: fixed;\
-    background-color: #1d1f21;\
-  \}\
-\}}
+.title {
+    color: white;
+}
+html {
+  background-color: #1d2327;
+  color: #D5D8D7 !important;
+  background-image: url("https://nibblecdn.com/images/background2.jpg");
+  background-repeat: repeat;
+  background-attachment: fixed;
+  background-color: #1d1f21;
+}
+#header {
+    background-color: #1d2327;
+}
+#user-menu {
+    background-color: #1d2327;
+}
+#header a {
+    color: #e0dada;
+}
+.dropdown-item {
+    color: #cacaca;
+}
+.card-header {
+    background-color: #00000040;
+}
+.card {
+    color: #fff;
+}
+.card-content {
+    background-color: #7b7b7b21;
+}
+.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
+    background-color: #f0efef;
+}
+.card-footer {
+    background-color: #b6b6bc;
+}
+.breadcrumb li + li::before {
+    color: #fffafa;
+}
+.breadcrumb li.is-disabled a {
+    color: #fff;
+}
+.breadcrumb a {
+    color: #6fbcff;
+}
+.breadcrumb a:hover {
+    color: #ffb96f;
+}
+.card {
+    color: #2b2b2b;
+}
+.has-text-grey-light {
+    color: #8e8e8e !important;
+}
+.tabs a {
+    color: #ffffffbf;
+}
+.tabs.is-boxed li.is-active a {
+    background-color: #d7d7d7;
+}
+.tabs.is-boxed a:hover {
+    background-color: #ddd;
+    border-bottom-color: #0f0f0f;
+}
+.select select, .textarea, .input {
+    background-color: #fbfbfb;
+    border-color: #dbdbdb;
+    color: #363636;
+}
+input[disabled], input[readonly], textarea[disabled], select[disabled] {
+    color: #0d0d0d !important;
+    border-color: #999797 !important;
+    background-color: #c7c7d2 !important;
+}
+.has-text-grey {
+    color: #555 !important;
+}
+.table {
+    color: #000;
+}
+.file.is-link .file-cta {
+    background-color: #444444;
+    border-color: transparent;
+    color: #fff;
+}
+.file.is-link:hover .file-cta:hover {
+    background-color: #E4E4EA;
+    border-color: #444444;
+    color: #444444;
+}
+.button.is-link {
+    background-color: #444444;
+    border-color: transparent;
+    color: #fff;
+}
+.button.is-link:hover {
+    color: #444444;
+    background-color: #E4E4EA;
+    border-color: #444444;
+}
+.button.is-danger:hover {
+    color: #A62C44;
+    background-color: #E4E4EA;
+    border-color: #A62C44;
+}
+.button.is-danger {
+    background-color: #444444;
+    border-color: transparent;
+    color: #fff;
+}
+body {
+
+    font-size: 1em;
+    font-weight: 400;
+    line-height: 1.5;
+    font-family: IBM Plex Mono,monospace;
+    color: #D5D8D7 !important;
+}
+body, button, input, optgroup, select, textarea {
+    font-family: IBM Plex Mono,monospace;
+  
+}
+a {
+    color: #0062ff;
+}
+
+#sidebar {
+    background-color: #1d2327;
+    border-right: 1px solid #1d2327;
+}
+a {
+    color: #dbdbdb;
+}
+.has-text-link {
+    color: #dbdbdb !important;
+}
+.box {
+    border-radius: 9px;
+}
+.table tr.is-selected {
+    background-color: #444444;
+    color: #fff;
+}
+.has-text-danger {
+    color: #1d2327 !important;
+}
+.card {
+    border-radius: 0px;
+}
+.breadcrumb a {
+    color: #444444;
+}
+.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
+    background-color: #E4E4EA;
+}
+.card-header {
+    background-color: #E4E4EA;
+}
+.card-footer {
+    background-color: #E4E4EA;
+}
+.card-footer:first-child, .card-content:first-child, .card-header:first-child {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+}
+.card-footer:last-child, .card-content:last-child, .card-header:last-child {
+    border-bottom-left-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+.file-name {
+    border-color: #E4E4EA;
+}
+.file-cta, .file-name {
+    border-color: #E4E4EA;
+}
+.modal-close, .delete {
+    background-color: #444444;
+}
+.tabs li.is-active a {
+    color: #444444;
+}
+.message-body {
+    color: #444444;
+}
+.message.is-info .message-body {
+    border-color: #444444;
+    color: #444444;
+}
+.message.is-info {
+    background-color: #E4E4EA;
+}
+.message.is-success .message-body {
+    border-color: #444444;
+    color: #444444;
+}
+.message.is-success {
+    background-color: #E4E4EA;
+}
+.card {
+    color: #444444;
+}
+.button.is-link.is-outlined {
+    background-color: transparent;
+    border-color: #444444;
+    color: #444444;
+}
+.button.is-link.is-outlined:hover {
+    color: #444444;
+    background-color: #E4E4EA;
+    border-color: #444444;
+}
+.label {
+    color: #dbdbdb;
+    display: block;
+    font-size: 1rem;
+    font-weight: 700;
+}
+.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
+    color: #444444;
+    font-weight: 600;
+    line-height: 1.125;
+}
+strong {
+    color: #B6B6BC;
+    font-weight: 700;
+}
+.has-text-info {
+    color: #fa0 !important;
+}
+.has-text-warning {
+    color: #48c774 !important;
+}
+.tag:not(body).is-success {
+    background-color: #444444;
+    color: #fff;
+}
+.tag:not(body).is-info {
+    background-color: #444444;
+    color: #fff;
+
+}
+.tag:not(body).is-success {
+    background-color: #444444;
+    color: #fff;
+
+}
+.modal-card-title {
+    color: #444444;
+    flex-grow: 1;
+    flex-shrink: 0;
+    font-size: 1.2rem;
+    line-height: 1;
+}
+a.dropdown-item, button.dropdown-item {
+    padding-right: 10rem;
+    text-align: inherit;
+    white-space: nowrap;
+    width: 100%;
+}
+.button:focus:not(:active), .button.is-focused:not(:active) {
+    box-shadow: 0 0 0 .125em #444444;
+}
+.button:focus, .button.is-focused {
+    border-color: #444444;
+    color: #363636;
+}
+.button.is-link.is-outlined {
+    color: #444444;
+}
+.button.is-link.is-outlined {
+    color: #444444;
+}
+.button.is-link.is-outlined {
+    background-color: transparent;
+    border-color: #444444;
+    color: #444444;
+}
+.card {
+  background-color: #1d2327;
+  border-radius: .25rem;
+  box-shadow: 3px 3px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
+  color: #4a4a4a;
+  max-width: 100%;
+  position: relative;
+  }
+.card-header {
+  background-color: #1d2327;
+}
+.card-footer {
+  background-color: #1d2327;
+}
+.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
+  background-color: #1d2327;
+}
+.table {
+  color: #fff;
+}
+.table th {
+  color: #fff;
+}
+.card-header-title {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-grow: 1;
+  font-weight: 700;
+  padding: .75rem 1rem;
+}
+.has-text-grey {
+  color: #fff !important;
+}
+.card {
+  color: #fff;
+}
+.table thead td, .table thead th {
+  border-width: 0 0 2px;
+  color: #fff;
+}
+.has-text-danger {
+  color: #1d2327 !important;
+}
+.button.is-dark {
+  background-color: #444444;
+  border-color: transparent;
+  color: #fff;
+}
+.modal-card-body {
+  -webkit-overflow-scrolling: touch;
+  background-color: #1d2327;
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 20px;
+}
+.modal-card-head, .modal-card-foot {
+  align-items: center;
+  background-color: #1d2327;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: flex-start;
+  padding: 20px;
+  position: relative;
+}
+.tippy-box[data-theme~="light-border"] {
+  background-color: #1d2327;
+  background-clip: padding-box;
+  border: 1px solid #444444;
+  color: #fff;
+  white-space: normal;
+}
+.tippy-box[data-theme~="light-border"][data-placement^="bottom"] > .tippy-arrow::before {
+  border-bottom-color: #444444;
+  bottom: 16px;
+}
+.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#1d2327
+}
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#1d2327
+}
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:#1d2327
+}
+.button.is-link:hover,.button.is-link.is-hovered{background-color:#444444;border-color:transparent;color:#fff
+}
+.file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta{background-color:#444444;border-color:transparent;color:#fff
+}
+.file.has-name .file-name {
+  margin-right: .75rem;
+}
+.file-cta, .file-name {
+  border-color: #dbdbdb;
+  border-radius: 4px;
+  font-size: 1em;
+  padding-left: 1em;
+  padding-right: 1em;
+  white-space: nowrap;
+  margin-right: .99rem;
+}
+.file-name {
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1px 1px 1px 1px;
+  display: block;
+  max-width: 26em;
+  overflow: hidden;
+  text-align: inherit;
+  text-overflow: ellipsis;
+  margin-right: .175rem;
+}
+.table tfoot td, .table tfoot th {
+  border-width: 1px 0 0;
+  color: #fff;
+}
+.table thead td, .table thead th {
+  border-width: 0 0 1px;
+  color: #fff;
+}
+.card-content {
+  background-color: #1d2327;
+}
+body, button, input, optgroup, select, textarea {
+  font-family: IBM Plex Mono,monospace;
+}
+.has-text-danger {
+  color: #f14668 !important;
+}
+.card.is-card-on-card {
+  background-color: #1d2327;
+}
+pre {
+  -webkit-overflow-scrolling: touch;
+  background-color: #f5f5f5;
+  color: #fff;
+  font-size: .875em;
+  overflow-x: auto;
+  padding: 1.25rem 1.5rem;
+  white-space: pre;
+  word-wrap: normal;
+}
+.pagination-link.is-current {
+  background-color: #1d2327;
+  border-color: #fff;
+  color: #fff;
+}
+select[disabled] {
+  color: #0d0d0d !important;
+  border-color: #444444 !important;
+  background-color: #444444 !important;
+}
+input[disabled], input[readonly], textarea[disabled], select[disabled] {
+  color: #0d0d0d !important;
+  border-color: #444444 !important;
+  background-color: #444444 !important;
+}
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em;
+  color: #444444;
+}
+.box {
+  background-color: #1d2327;
+  border-radius: 4px;
+  box-shadow: 0 0 20px 1px rgba(10,10,10,.4),2px 2px 20px 0 rgba(10,10,10,.4);
+  color: #4a4a4a;
+  display: block;
+  padding: 1rem 2rem 1rem 2rem;
+}
+.content table thead td, .content table thead th {
+  border-width: 0 0 2px;
+  color: #fff;
+}
+.box {
+  color: #fff;
+}
+
+.select select, .textarea, .input {
+  background-color: #fff;
+  border-color: #dbdbdb;
+  border-radius: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  color: #363636;
+}
+
+.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .textarea, .input, .button {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  align-items: center;
+  border: 1px solid transparent;
+    border-top-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+  border-radius: 0px;
+  box-shadow: none;
+  display: inline-flex;
+  font-size: 1rem;
+  height: 2.25em;
+  justify-content: flex-start;
+  line-height: 1.5;
+  padding-bottom: calc(0.375em - 1px);
+  padding-left: calc(0.625em - 1px);
+  padding-right: calc(0.625em - 1px);
+  padding-top: calc(0.375em - 1px);
+  position: relative;
+  vertical-align: top;
+}
+
+.CodeMirror {
+  box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05) !important;
+  border-color: #dbdbdb !important;
+  border-radius: 0px !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+}
+
+.tabs.is-boxed a {
+  border: 1px solid transparent;
+    border-top-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+  border-radius: 0px 0px 0 0;
+}
+
+.button.is-fullwidth {
+  display: block;
+  width: 100%;
+}
+
+.hero.is-primary {
+  background-color: #1D2327;
+  color: #fff;
+}
+
+.svg-vendor-logo {
+  max-height: 1.5rem;
+  max-width: 2.75rem;
+  vertical-align: middle;
+  -webkit-filter: brightness(1) contrast(1%) invert(1);
+}
+
+#header
+{
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  padding: .5rem .5rem .5rem 1rem;
+  box-shadow: 0px 3px 3px rgba(10,10,10,.1);
+  border-bottom: 1px solid #d9534f;
+  z-index: 1030;
+}
+
+.box
+{
+  background-color: #1d2327;
+  border-radius: 4px;
+  box-shadow: 0 0 0px 0px rgba(10,10,10,.4),0px 0px 0px 0 rgba(10,10,10,.4);
+  color: #4a4a4a;
+  display: block;
+  padding: 1rem 2rem 1rem 2rem;
+}
+
+.card-content:not(:first-child)
+{
+  border-top: 1px solid #d9534f;
+}
+
+.has-text-danger
+{
+  color: #d9534f !important;
+}
+
+.has-text-success
+{
+  color: #D5D8D7 !important;
+}
+
+a.has-text-danger:hover,a.has-text-danger:focus
+{
+  color:#d9534f !important;
+}
+
+.breadcrumb a:hover
+{
+  color: #d9534f;
+}
+
+.menu-list a.is-active
+{
+  background-color: #d9534f;
+  color: #fff;
+}
+
+.tag:not(body).is-danger {
+  background-color: #D9534F;
+  color: #fff;
+}
+.tag:not(body) {
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 0px;
+  color: #4a4a4a;
+  display: inline-flex;
+  font-size: .75rem;
+  height: 2em;
+  justify-content: center;
+  line-height: 1.5;
+  padding-left: .75em;
+  padding-right: .75em;
+  white-space: nowrap;
+}
+
+.button {
+  background-color: #D9534F;
+  border-color: #dbdbdb;
+  border-width: 1px;
+  color: #363636;
+  cursor: pointer;
+  justify-content: center;
+  padding-bottom: calc(0.375em - 1px);
+  padding-left: .75em;
+  padding-right: .75em;
+  padding-top: calc(0.375em - 1px);
+  text-align: center;
+  white-space: nowrap;
+}
+
+@media screen and (min-width: 1024px) {
+  #content-wrapper {
+    margin-left: 250px;
+    transition: all .3s ease-in-out;
+    color: #D5D8D7 !important;
+    background-image: url("https://nibblecdn.com/images/background2.jpg");
+    background-repeat: repeat;
+    background-attachment: fixed;
+    background-color: #1d1f21;
+  }
+}
 
 .hero.is-primary {
   color: #D5D8D7 !important;