/* System */
html {
color-scheme: dark;
}
/* Main */
body {
background-color: #0d1117 !important;
color: #c9d1d9;
}
body:not(.full-width) {
background-color: #0d1117 !important;
}
footer {
background-color: #161b22;
border-top: 1px solid #161b22;
color: #c9d1d9;
}
footer .container .fa {
color: #58a6ff;
}
a {
color: #58a6ff;
}
a:hover {
color: #58a6ff;
opacity: 0.6;
}
hr {
background-color: #30363d !important;
}
.full.height {
margin: 53px 0 -80px 0 !important;
}
.following.bar.light {
position: fixed;
top: 0px;
}
.ui.attached.header .right .button {
color: #fff !important;
}
.ui.top.attached.header {
background: #21262d !important;
border-color: #30363d !important;
color: #e7e7e7 !important;
}
.ui.table thead th {
background: #21262d !important;
border-color: #21262d !important;
color: #e7e7e7 !important;
}
three.wide.text.grey.right.age,
.time-since.poping.up {
color: #e7e7e7 !important;
}
.ui.dropdown .menu {
background: #161b22 !important;
border: 1px solid #30363d;
}
/* Navigation */
.ui.menu .ui.dropdown .menu > .item {
color: rgba(255, 255, 255, 0.9) !important;
}
.following.bar.light {
background-color: #161b22;
border-bottom: 1px solid #28313d;
}
.ui.secondary.menu .active.item {
background-color: #0d1117;
color: #c9d1d9;
font-weight: bold;
}
.ui.menu .item {
color: #c9d1d9;
}
.ui.menu {
background: #161b22;
border: none;
}
.repository .milestone.list > .item > a {
color: #fff;
}
.issue.list > .item .desc a.milestone:hover {
color: #fff !important;
}
.repository .metas .ui.list a .text {
color: #fff;
}
h2 a.anchor .octicon.octicon-link {
color: #fff;
}
.following.bar .top.menu a.item:hover {
color: #b4b7b4;
}
.ui .text.black {
color: #c9d1d9;
}
.context.user.overflow.menu.transition {
background-color: #343544;
color: lightgrey !important;
}
.ui.dropdown .menu > .header {
color: rgba(255, 255, 255, 0.9);
}
.overflow.menu .items .item:hover {
color: rgba(255, 255, 255, 0.9);
}
.overflow.menu .items .item {
color: rgba(255, 255, 255, 0.9) !important;
}
.ui.dropdown .menu > .item {
color: #fff !important;
}
.ui.dropdown .menu>.item:hover {
background: rgb(79 91 119 / 10%);
}
.repository .filter.dropdown .menu {
background-color: #161b22 !important;
color: lightgrey !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
color: rgb(73, 95, 140) !important;
}
.ui.icon.input > input {
background-color: #222831 !important;
border: none !important;
color: lightgrey;
}
.reference.column .text.black {
color: #fff !important;
}
.ui.menu .ui.dropdown .menu > .item:hover,
.ui.menu .ui.dropdown .menu > .selected.item,
#branch-list {
background-color: #1f6feb !important;
color: #fff !important;
}
#logout-form .submit-button {
margin: -11px -16px;
padding: 11px 16px;
}
.filter.icon {
color: #fff;
}
/* Home */
.home a {
color: #7ee787;
}
.home .hero .octicon {
color: #7ee787;
}
.ui.header {
color: #c9d1d9;
}
.feeds .list ul li.private {
background-color: #161b22;
border-bottom: none;
}
.feeds .list ul li:not(:last-child) {
border-bottom: 1px solid #161b22;
}
.ui.accordion .title:not(.ui) {
color: #c9d1d9;
}
#auth_password {
background: #161b22;
color: #c9d1d9;
}
.ui.checkbox label:hover,
.ui.checkbox+label:hover {
color: #c9d1d9;
opacity: 0.6;
}
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
color: rgba(224, 224, 224, 0.6);
}
/* Explore */
.ui.vertical.menu {
background-color: #161b22;
}
.ui.vertical.menu .header.item {
background-color: #161b22;
}
.ui.vertical.menu .active.item {
background-color: #161b22;
}
.ui.menu .active.item {
background: #161b22;
color: #c9d1d9;
}
.ui.menu a.item:hover {
background-color: #161b22;
color: #fff;
}
.ui.repository.list .item:not(:first-child) {
border-top: 1px solid #161b22;
}
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
background-color: #161b22;
color: #c9d1d9;
}
.ui.form input:not([type]),
.ui.form input:not([type]):focus,
.repository.new.migrate #auth_password,
.repository.new.migrate #auth_password:focus {
background-color: #010409 !important;
color: #b4b7b4;
}
.ui.form input:not([type]):focus {
border-bottom-color: #58a6ff;
border-left-color: #58a6ff;
border-top-color: #58a6ff;
color: #c9d1d9;
}
.ui.list .list>.item .description,
.ui.list>.item .description {
color: #969896;
}
.ui.repository.list .item .time {
color: #969896;
}
.ui .text.grey {
color: #969896 !important;
}
.ui.user.list .item:not(:first-child) {
border-top: 1px solid #161b22;
}
.ui.divider:not(.vertical):not(.horizontal) {
border-bottom: 1px solid #28313d;
}
.ui.list .list>.item .header,
.ui.list>.item .header {
color: #c9d1d9;
}
.ui.pagination.menu .active.item {
background-color: #161b22;
color: #c9d1d9;
}
.ui.menu .item.disabled,
.ui.menu:hover .item.disabled:hover {
color: #c9d1d9;
}
.ui.menu:hover .item.disabled:hover {
background-color: #161b22 !important;
}
.ui.user.list .item .description a {
color: #58a6ff !important;
}
.ui.sha.label,
a.ui.label:hover,
a.ui.labels .label:hover {
background-color: #454a57;
color: #d7d7d7;
}
.ui.breadcrumb a.section {
display: none;
}
#search-repo-box .results .item:hover,
#search-user-box .results .item:hover {
color: rgb(152, 165, 201) !important;
}
/* Repos */
.repository .header-wrapper {
background-color: #161b22;
}
.ui.basic.button,
.ui.basic.buttons .button {
color: #c9d1d9 !important;
}
.ui.tabular.menu .item {
color: #c9d1d9;
}
.ui.tabular.menu .active.item {
background: none #0d1117;
border-color: #30363d;
color: #c9d1d9;
}
.ui .text.black {
color: #c9d1d9;
}
.ui .text.black:hover {
color: #c9d1d9;
}
.ui.segment {
background: #161b22;
border: 1px solid #28313d;
}
.ui.input input {
background: #161b22 !important;
border: none !important;
color: #c9d1d9 !important;
}
.ui.input input:focus {
background: #222831 !important;
color: #c9d1d9 !important;
}
.ui.black.button,
.ui.black.buttons .button {
background: #161b22 !important;
color: #c9d1d9 !important;
}
.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
background: #c9d1d9 !important;
}
.ui.basic.label {
background: none #c9d1d9;
}
span.ui.basic.yellow.label {
background-color: transparent !important;
}
.ui.dropdown .menu {
background: #c9d1d9;
}
.reference.column .text.black {
color: #0d1117;
}
.ui.table {
background: #161b22;
border: 1px solid #30363d;
color: #c9d1d9;
}
.ui.table thead th {
background: #c9d1d9;
color: #0d1117;
}
.repository.file.list #repo-files-table tr:hover {
background-color: #222831;
}
.ui.breadcrumb a {
color: #58a6ff;
}
.ui.breadcrumb a:hover {
color: #58a6ff;
opacity: 0.6;
}
.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
box-shadow: 0 0 0 1px #58a6ff inset !important;
color: #58a6ff !important;
}
.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
color: #58a6ff !important;
opacity: 0.6;
}
.ui.basic.orange.label {
background: none !important;
border-color: #f2711c !important;
color: #f2711c !important;
}
.ui .text.grey a:hover {
color: #fff !important;
}
.ui .text.grey a {
color: #fff !important;
}
.ui.button {
background-color: #0000001a;
color: #999;
}
.ui.button:hover {
background-color: #0000004a;
}
.ui.top.attached .ui.button {
margin-right: 0;
}
.CodeMirror {
background: #0d1117;
border: 1px solid #30363d;
color: #c9d1d9;
}
.ui.form textarea,
.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input input {
background-color: #161b22 !important;
color: #b4b7b4 !important;
}
.ui.menu .item>.label {
color: #0d1117;
}
.ui.tabular.menu .item:hover {
color: #c9d1d9;
opacity: 0.6;
}
.ui.breadcrumb .divider {
color: #c9d1d9;
}
.three.wide.text.grey.right.age .time-since.poping.up {
color: #0d1117;
}
.ui.attached.header {
background: #c9d1d9;
}
.ui.top.attached.header {
background: #c9d1d9;
color: #161b22;
}
.ui .warning.header {
background-color: #de935f !important;
border-color: #de935f !important;
}
.ui.attached.table {
border: transparent;
}
.markdown:not(code) .highlight pre,
.markdown:not(code) pre {
background-color: #0d1117;
}
.hljs {
color: #c9d1d9 !important;
}
.hljs-built_in,
.hljs-builtin-name {
color: #58a6ff !important;
}
.hljs-comment,
.hljs-quote {
color: #969896 !important;
opacity: 0.7;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #c9d1d9 !important;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #58a6ff !important;
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #a3e5ff !important;
}
.hljs-string,
.hljs-doctag {
color: #7ee787 !important;
}
.markdown:not(code) h1,
.markdown:not(code) h2,
.markdown:not(code) h3,
.markdown:not(code) h4,
.markdown:not(code) h5,
.markdown:not(code) h6 {
border-bottom: 1px solid #21262d;
}
.markdown:not(code) h1 code,
.markdown:not(code) h2 code,
.markdown:not(code) h3 code,
.markdown:not(code) h4 code,
.markdown:not(code) h5 code,
.markdown:not(code) h6 code {
padding-bottom: 0;
}
.markdown:not(code) h1 code:before,
.markdown:not(code) h2 code:before,
.markdown:not(code) h3 code:before,
.markdown:not(code) h4 code:before,
.markdown:not(code) h5 code:before,
.markdown:not(code) h6 code:before,
.markdown:not(code) h1 code:after,
.markdown:not(code) h2 code:after,
.markdown:not(code) h3 code:after,
.markdown:not(code) h4 code:after,
.markdown:not(code) h5 code:after,
.markdown:not(code) h6 code:after {
display: none;
}
.ui.basic.small.button {
background: #161b22 !important;
}
.linenums>li {
background-color: #161b22;
}
.lines-num>span {
background: #161b22;
}
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
background-color: #58a6ff;
opacity: 0.6;
}
.repository .diff-file-box .code-diff tbody tr.add-code td {
background-color: rgba(181, 189, 104, 0.1) !important;
}
.ui .info.segment.top {
background-color: #161b22 !important;
}
.tag-code.nl-0.ol-0>.lines-code>pre>code {
color: #fff !important;
}
.repository .diff-file-box .code-diff tbody tr.tag-code td,
.tag-code {
background-color: #31363b !important;
}
.repository .diff-file-box .code-diff tbody tr .removed-code {
background-color: #723b3b;
color: #fff;
}
.repository .diff-file-box .code-diff tbody tr .added-code {
background-color: #148414;
color: #fff;
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #7ee787 !important;
}
.ui.checkbox label,
.ui.checkbox+label {
color: #c9d1d9;
}
.ui.checkbox input:focus~label {
color: #c9d1d9 !important;
}
.ui.red.button,
.ui.red.buttons .button {
background-color: #da3633;
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background-color: #238636;
opacity: 0.6;
}
.ui.blue.button,
.ui.blue.buttons .button {
background-color: #1f6feb !important;
}
#repo-clone-https,
#repo-clone-https:hover {
background-color: #21262d !important;
box-shadow: 0 0 0 1px #3c3c3c inset !important;
color: #fff !important;
}
.ui.basic.label {
background-color: #282e38 !important;
border-color: #343434;
color: #c9d1d9;
}
.ui.basic.button {
background-color: #21262d !important;
}
.repository .diff-file-box .code-diff tbody tr.del-code td {
background-color: rgba(204, 102, 102, 0.1) !important;
}
.ui.secondary.pointing.menu a.item:hover {
background-color: #161b22;
color: #c9d1d9 !important;
}
.markdown:not(code) table tr {
background-color: #0d1117;
}
.markdown:not(code) table tr:nth-child(2n) {
background-color: #161b22;
}
.markdown:not(code) table th,
.markdown:not(code) table td {
border: none !important;
}
.markdown:not(code) blockquote {
background-color: #5454541a;
border-left: 4px solid #5a5a5a;
color: #b4b7b4 !important;
}
.markdown:not(code) code,
.markdown:not(code) tt {
background-color: #161b22;
}
/* Issues */
.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
box-shadow: 0 0 0 1px #7ee787 inset !important;
color: #7ee787 !important;
}
.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
background: #161b22 !important;
color: #c9d1d9 !important;
}
.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
box-shadow: 0 0 0 1px #da3633 inset !important;
color: #da3633 !important;
}
.ui.compact.small.menu {
background: #161b22 !important;
}
.issue.list>.item .title {
color: #c9d1d9;
}
.ui.black.label,
.ui.black.labels .label {
background-color: #161b22 !important;
color: #c9d1d9;
}
.issue.list>.item .desc {
color: #c9d1d9;
opacity: 0.6;
}
.issue.list>.item .title:hover {
color: #c9d1d9;
opacity: 0.6;
}
.repository.view.issue .comment-list .comment .content .header {
background-color: #c9d1d9;
}
.ui .text.grey a {
color: #b4b4b4 !important;
}
.ui.attached.segment {
border: 1px solid #30363d;
}
.ui.warning.message {
background-color: #c9d1d9;
}
.ui.green.label,
.ui.green.labels .label {
background-color: #238636 !important;
border-color: #238636 !important;
color: #fff !important;
}
.ui.green.button,
.ui.green.buttons .button {
background-color: #238636 !important;
color: #fff !important;
}
.ui.basic.red.button,
.ui.basic.red.buttons .button {
box-shadow: 0 0 0 1px #da3633 inset !important;
color: #da3633 !important;
}
.ui.basic.green.button,
.ui.basic.green.buttons .button {
box-shadow: none !important;
color: #fff !important;
}
.ui.red.label,
.ui.red.labels .label {
background-color: #da3633 !important;
border-color: inherit !important;
}
.ui.form textarea {
background: #010409 !important;
}
.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover {
box-shadow: 0 0 0 1px #7ee787 inset !important;
color: #7ee787 !important;
}
.ui.tabular.menu {
border-bottom: 1px solid #21262d;
}
.repository.new.issue .comment.form .content:before,
.repository.new.issue .comment.form .content:after {
border-right-color: #161b22;
}
.repository.view.issue .comment-list .comment .content .header:before,
.repository.view.issue .comment-list .comment .content .header:after {
border-right-color: #21262d;
}
.repository .comment.form .content .form:before,
.repository .comment.form .content .form:after {
border-right-color: #161b22;
}
.repository.view.issue .comment-list:before {
background-color: #28313d;
}
.ui.comments .comment .actions a {
color: #c9d1d9;
}
.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
color: #c9d1d9;
opacity: 0.6;
}
/* Pull requests */
.ui.header .sub.header {
color: #c9d1d9 !important;
}
.editor-toolbar a {
color: #58a6ff !important;
}
/* Wiki */
.repository.wiki.view .markdown {
background: #161b22;
border-radius: 15px;
margin-left: 0px;
padding: 25px;
}
.repository.wiki.view .ui.grid .ui.six {
text-align: right;
}
/* Profile drop down */
.ui.menu .dropdown.item .menu {
background: #c9d1d9;
}
.ui.menu .ui.dropdown .menu>.item:hover,
.ui.menu .ui.dropdown .menu>.selected.item {
background: #b4b7b4;
border-radius: 0;
opacity: 1;
}
.ui.menu .ui.dropdown .menu>.item:first-child:hover,
.ui.menu .ui.dropdown .menu>.selected.item:first-child {
border-radius: .28571429rem .28571429rem 0 0;
}
.ui.menu .ui.dropdown .menu>.item:last-child:hover,
.ui.menu .ui.dropdown .menu>.selected.item:last-child {
border-radius: 0 0 .28571429rem .28571429rem;
}
/* Profile */
.ui.card,
.ui.cards>.card {
background: #161b22;
box-shadow: none;
}
.ui.card>.extra a:not(.ui),
.ui.cards>.card>.extra a:not(.ui) {
color: #58a6ff;
}
.ui.card>.extra,
.ui.cards>.card>.extra {
border-top: 1px solid #28303c !important;
}
.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid #28303c !important;
}
.ui.secondary.pointing.menu .active.item {
color: #c9d1d9;
}
/* Settings */
.ui.form .field>label {
color: #c9d1d9;
}
#website {
background: #010409 !important;
color: #c9d1d9;
}
.inline.box.field>label {
color: #c9d1d9 !important;
}
.inline.box.field>input {
background: #161b22;
color: #c9d1d9;
}
#old_password,
#password,
#retype,
#email,
#description {
background: #010409 !important;
color: #c9d1d9;
}
label[for=org_name] {
color: #c9d1d9 !important;
}
.ui.red.message {
color: #da3633;
}
.ui.very.basic.striped.table>thead>tr>th {
color: #c9d1d9;
}
.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields>label {
color: #c9d1d9;
}
.ui.very.basic.select.selectable.table>thead>tr>th {
color: #c9d1d9;
}
.ui.teal.button,
.ui.teal.buttons .button {
background-color: #8abeb7;
}
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=url],
.ui.form input[type=password] {
background: #222831;
color: #c9d1d9;
}
.ui.selection.dropdown {
background: #010409 !important;
color: #c9d1d9;
}
.organization.members .list .item {
border-bottom: 1px solid #161b22 !important;
}
.settings .hook.list>.item:not(:first-child) {
border-top: 1px solid #161b22 !important;
}
.settings .key.list .item:not(:first-child) {
border-top: 1px solid #161b22 !important;
}
/* Commit */
.repository .diff-box .file {
color: #969896;
}
.ui.blue.button,
.ui.blue.buttons .button {
background-color: #58a6ff;
color: #fff !important;
}
.ui.basic.grey.button,
.ui.basic.grey.buttons .button {
color: #161b22 !important;
}
.added-code {
background-color: #7ee787;
color: #fff;
}
.removed-code {
background-color: #da3633;
color: #0d1117;
}
.ui.blue.label,
.ui.blue.labels .label {
background-color: #1f6feb !important;
color: #fff !important;
}
.repository .diff-file-box .file-body.file-code .lines-num {
background: none;
}
.hljs-meta {
color: #959595 !important;
}
/* Messages */
.ui.positive.message {
background-color: transparent;
background-image: linear-gradient(rgba(56, 139, 253, 0.15), rgba(56, 139, 253, 0.15));
color: #c9d1d9;
}
.ui.attached.positive.message,
.ui.positive.message {
-webkit-box-shadow: 0 0 0 1px rgba(56, 139, 253, 0.4) inset, 0 0 0 0 transparent;
box-shadow: 0 0 0 1px rgba(56, 139, 253, 0.4) inset, 0 0 0 0 transparent;
}
.ui.warning.message {
background-color: transparent;
background-image: linear-gradient(rgba(187, 128, 9, 0.15), rgba(187, 128, 9, 0.15));
color: #c9d1d9;
}
.ui.attached.warning.message,
.ui.warning.message {
-webkit-box-shadow: 0 0 0 1px rgba(187, 128, 9, 0.4) inset, 0 0 0 0 transparent;
box-shadow: 0 0 0 1px rgba(187, 128, 9, 0.4) inset, 0 0 0 0 transparent;
}
/* Modal dialogs */
.ui.modal,
.ui.modal>.header,
.ui.modal>.content {
background: #0d1117;
}
.ui.modal>.header {
color: #c9d1d9;
}
/* Else */
.repository.file.list #file-content .code-view .lines-code .hljs,
.repository.file.list #file-content .code-view .lines-code ol,
.repository.file.list #file-content .code-view .lines-code pre,
.repository.file.list #file-content .code-view .lines-num .hljs,
.repository.file.list #file-content .code-view .lines-num ol,
.repository.file.list #file-content .code-view .lines-num pre {
background-color: #161b22;
}
.ui.danger .item h5 {
margin-bottom: 0;
}
.ui.danger .item p {
font-size: 0.8em;
}
.ui.danger .item .ui.right {
margin-left: 15px;
}
.ui.basic.button:active,
.ui.basic.buttons .button:active,
.ui.basic.button:focus,
.ui.basic.buttons .button:focus {
background: #21262d !important;
color: #fff !important;
}
.markdown:not(code) h1 .octicon-link,
.markdown:not(code) h2 .octicon-link,
.markdown:not(code) h3 .octicon-link,
.markdown:not(code) h4 .octicon-link,
.markdown:not(code) h5 .octicon-link,
.markdown:not(code) h6 .octicon-link {
color: #fff;
}
.editor-toolbar {
border-left: 1px solid #30363d;
border-right: 1px solid #30363d;
border-top: 1px solid #30363d;
}
.CodeMirror-cursor {
border-left: 1px solid #fff;
}
.CodeMirror-gutters {
background-color: #161b22;
border-right: 1px solid #30363d;
}
.user.settings .email.list .item:not(:first-child) {
border-top: 1px solid rgba(224, 224, 224, 0.6);
}
.ui.selection.visible.dropdown>.text:not(.default) {
color: #c9d1d9;
}
.ui.selection.dropdown .menu {
min-width: calc(100% + 1px) !important;
width: calc(100% + 1px) !important;
}
.ui.selection.dropdown .menu>.item {
border-top: none;
}
.ui.selection.active.dropdown {
border-color: #363f55 !important;
}
.ui.selection.active.dropdown .menu {
border-color: #363f55 !important;
}
.repository.release #release-list {
border-top: 1px solid #21262d;
}
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
color: #4a4f55 !important;
}
.ui.table tr td {
border-top: 1px solid rgb(50, 56, 62);
}
.repository .diff-file-box .file-body.file-code .lines-num-old,
.repository .diff-file-box .code-diff .lines-num {
border-right: 1px solid #4b4b4b;
}
.repository .diff-file-box .code-diff tbody tr.tag-code td {
border-color: #4b4b4b !important;
}
.repository .diff-file-box .code-diff tbody tr.del-code td {
border-color: #6d3030 !important;
}
.repository .diff-file-box .code-diff tbody tr.add-code td {
border-color: #4f6d30 !important;
}
.ui.button:last-child {
margin-right: 0;
}
.item:last-child .ui.label {
margin-right: 0 !important;
}
#file-content {
padding: 0 1px;
}
.ui.label {
background-color: #454a57;
color: #d7d7d7;
}
.repository.file.editor .commit-form-wrapper .commit-form {
border: 1px solid #28313d;
}
.repository.file.editor .commit-form-wrapper .commit-form:before,
.repository.file.editor .commit-form-wrapper .commit-form:after {
border-right-color: #161b22;
}
.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name {
background-color: #454a57;
color: #d7d7d7;
}
.ui.dropdown .menu>.divider {
border-top: 1px solid #28303c;
}