From 9c4ae537ebfd86637c232237b1aac9d922f8b4b2 Mon Sep 17 00:00:00 2001 From: keyhelpuser Date: Wed, 7 Feb 2024 22:07:44 +0000 Subject: [PATCH] Add keyhelp_theme_dark_experimental.txt --- keyhelp_theme_dark_experimental.txt | 564 ++++++++++++++++++++++++++++ 1 file changed, 564 insertions(+) create mode 100644 keyhelp_theme_dark_experimental.txt diff --git a/keyhelp_theme_dark_experimental.txt b/keyhelp_theme_dark_experimental.txt new file mode 100644 index 0000000..141a4ba --- /dev/null +++ b/keyhelp_theme_dark_experimental.txt @@ -0,0 +1,564 @@ +/*! Additional CSS for KeyHelp theme dark experimental by keyhelptheme.com */ +.title { + color: white; +} +html { + background-color: #1d2327; +} +#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 { + color: #cecece; + font-size: 1em; + font-weight: 400; + line-height: 1.5; + font-family: IBM Plex Mono,monospace; +} +body, button, input, optgroup, select, textarea { + font-family: IBM Plex Mono,monospace; +} +a { + color: #0062ff; +} +.menu-list a.is-active { + background-color: #444444; + color: #fff; +} +#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; +} \ No newline at end of file