dark-gogs/gogs/public/css/dark-gogs.dev.css

/* 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;
}

.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;
}

.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: transparent;
	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;
}

/* 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 #161b22 !important;
}

.user.profile .ui.card .extra.content ul li:not(:last-child) {
	border-bottom: 1px solid #161b22 !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 */
.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;
}

.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;
}