|
|
|
|
@ -15,14 +15,22 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a,
|
|
|
|
|
.home a {
|
|
|
|
|
.home a,
|
|
|
|
|
.ui.user.list .item .description a,
|
|
|
|
|
.ui.breadcrumb a {
|
|
|
|
|
color: var(--link-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
|
a:hover,
|
|
|
|
|
.ui.user.list .item .description a:hover,
|
|
|
|
|
.ui.breadcrumb a:hover {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Scrollbar */
|
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
|
|
|
html {
|
|
|
|
|
@ -71,7 +79,6 @@ h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6,
|
|
|
|
|
p,
|
|
|
|
|
b,
|
|
|
|
|
strong,
|
|
|
|
|
footer,
|
|
|
|
|
.ui.list>.item .description,
|
|
|
|
|
@ -80,10 +87,22 @@ footer,
|
|
|
|
|
.ui.checkbox label,
|
|
|
|
|
.form .help,
|
|
|
|
|
.ui.header,
|
|
|
|
|
.ui.form .field>label {
|
|
|
|
|
.ui .text.black,
|
|
|
|
|
.ui.header .sub.header,
|
|
|
|
|
.ui.form .field>label,
|
|
|
|
|
.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,
|
|
|
|
|
.ui.dropdown .menu>.message:not(.ui) {
|
|
|
|
|
color: var(--text) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
b:hover {
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* NAVBAR */
|
|
|
|
|
.following.bar.light {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
@ -116,7 +135,7 @@ footer,
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.segment {
|
|
|
|
|
background: rgb(255 255 255 / 8%);
|
|
|
|
|
background: rgb(255 255 255 / 8%) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.attached.header {
|
|
|
|
|
@ -144,6 +163,12 @@ footer,
|
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
|
|
|
.ui.menu.new-menu:after {
|
|
|
|
|
background-image: inherit;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.secondary.pointing.menu .active.item,
|
|
|
|
|
.ui.secondary.pointing.menu .active.item:hover {
|
|
|
|
|
border-color: currentColor;
|
|
|
|
|
@ -193,6 +218,12 @@ footer,
|
|
|
|
|
background: rgb(255 255 255 / 0.07);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.dropdown .menu .selected.item,
|
|
|
|
|
.ui.dropdown.selected {
|
|
|
|
|
background: rgb(0 0 0 / 0.25);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.dropdown .menu .active.item {
|
|
|
|
|
color: var(--accent-color);
|
|
|
|
|
outline: none !important;
|
|
|
|
|
@ -217,6 +248,7 @@ footer,
|
|
|
|
|
|
|
|
|
|
.ui.selection.dropdown:focus {
|
|
|
|
|
border-color: rgba(255, 255, 255, .08);
|
|
|
|
|
background: rgb(0 0 0 / 50%);
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -242,11 +274,24 @@ footer,
|
|
|
|
|
|
|
|
|
|
/* MESSAGES */
|
|
|
|
|
.ui.negative.message {
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
color: #9f3a38;
|
|
|
|
|
background-color: #F44336;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.negative.message p {
|
|
|
|
|
color: white !important;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.positive.message {
|
|
|
|
|
background-color: #4CAF50;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.positive.message p {
|
|
|
|
|
color: white !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* DASHBOARD */
|
|
|
|
|
.vch__wrapper {
|
|
|
|
|
filter: invert(100);
|
|
|
|
|
@ -264,10 +309,16 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#app .ui.menu .active.item {
|
|
|
|
|
background: rgb(0 0 0 / 25%) !important;
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.menu .active.item {
|
|
|
|
|
background: rgba(0, 0, 0, .05) !important;
|
|
|
|
|
color: var(--text);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#app .ui.link.menu .item:hover,
|
|
|
|
|
.ui.menu .dropdown.item:hover,
|
|
|
|
|
.ui.menu .link.item:hover,
|
|
|
|
|
@ -291,6 +342,10 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
|
|
|
|
|
color: var(--accent-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repo-header .ui.breadcrumb a:hover {
|
|
|
|
|
color: var(--accent-color-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repo-header .ui.breadcrumb .divider {
|
|
|
|
|
color: rgb(255 255 255 / 40%);
|
|
|
|
|
}
|
|
|
|
|
@ -313,22 +368,57 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
|
|
|
|
|
|
|
|
|
|
.repository .ui.menu {
|
|
|
|
|
background: rgb(0 0 0 / 0%);
|
|
|
|
|
border: 1px solid rgba(34, 36, 38, .15);
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository .ui.menu .active.item {
|
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
|
background: var(--main-bg-color);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* COMMIT STUFF */
|
|
|
|
|
#git-graph-container li a {
|
|
|
|
|
color: var(--link-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#git-graph-container li a:hover {
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#git-graph-container #rev-list li.highlight,
|
|
|
|
|
#git-graph-container #rev-list li.hover {
|
|
|
|
|
background-color: rgba(255, 255, 255, .05);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#git-graph-container #rev-list li.highlight.hover {
|
|
|
|
|
background-color: rgba(255, 255, 255, .05);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#git-graph-container li .author {
|
|
|
|
|
color: var(--accent-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository .ui.segment.sub-menu .list .item a,
|
|
|
|
|
.repository .ui.segment.sub-menu .list .item span.ui {
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository .ui.segment.sub-menu .list .item a:hover,
|
|
|
|
|
.repository .ui.segment.sub-menu .list .item b:hover {
|
|
|
|
|
color: var(--text-hover) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository .ui.segment.sub-menu .list .item.active {
|
|
|
|
|
background: rgba(255, 255, 255, 0.07);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository.file.list #repo-files-table tbody .svg {
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.blue.labels .label,
|
|
|
|
|
.ui.ui.ui.blue.label {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
@ -336,21 +426,45 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.15) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository #commits-table.ui.table>tbody {
|
|
|
|
|
background-color: transparent !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* TABLE */
|
|
|
|
|
.ui.table>thead>tr>th {
|
|
|
|
|
background: rgb(0 0 0 / 50%);
|
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
border-bottom: 1px solid rgba(34, 36, 38, .1);
|
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: rgb(255 255 255 / 0.0);
|
|
|
|
|
border: 1px solid rgba(34, 36, 38, .15);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.table>tbody {
|
|
|
|
|
background: rgb(255 255 255 / 8%);
|
|
|
|
|
border: 1px solid rgba(34, 36, 38, .15);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.table>tbody>tr>td,
|
|
|
|
|
.ui.table>tr>td {
|
|
|
|
|
border-top: 1px solid rgb(255 255 255 / 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository.file.list #repo-files-table thead tr:hover {
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.0) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repository.file.list #repo-files-table tr:hover {
|
|
|
|
|
background-color: rgb(255 255 255 / 8%);
|
|
|
|
|
background: rgba(255, 255, 255, 0.08);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* FOOTER */
|
|
|
|
|
@ -370,33 +484,52 @@ footer {
|
|
|
|
|
background: var(--accent-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.primary.button,
|
|
|
|
|
.ui.primary.buttons .button {
|
|
|
|
|
background-color: var(--button-color);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.primary.button:hover,
|
|
|
|
|
.ui.primary.buttons .button:hover {
|
|
|
|
|
background-color: var(--button-color-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.green.button,
|
|
|
|
|
.ui.green.buttons .button {
|
|
|
|
|
background-color: var(--button-color);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.green.button:focus,
|
|
|
|
|
.ui.green.buttons .button:focus {
|
|
|
|
|
background-color: var(--button-color-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.green.button:hover,
|
|
|
|
|
.ui.green.buttons .button:hover {
|
|
|
|
|
background-color: var(--button-color-hover);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.blue.button,
|
|
|
|
|
.ui.blue.buttons .button {
|
|
|
|
|
background-color: var(--button-color);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.blue.button:hover,
|
|
|
|
|
.ui.blue.buttons .button:hover {
|
|
|
|
|
background-color: var(--button-color-hover);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.active.button,
|
|
|
|
|
.ui.active.button:hover {
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.active.button,
|
|
|
|
|
@ -408,12 +541,12 @@ footer {
|
|
|
|
|
|
|
|
|
|
.ui.button {
|
|
|
|
|
background: var(--button-color);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.button:hover {
|
|
|
|
|
background: var(--button-color-hover);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.basic.blue.button,
|
|
|
|
|
@ -425,12 +558,12 @@ footer {
|
|
|
|
|
.ui.basic.blue.button:hover,
|
|
|
|
|
.ui.basic.blue.buttons .button:hover {
|
|
|
|
|
background: var(--button-color) !important;
|
|
|
|
|
color: var(--text-hover) !important;
|
|
|
|
|
color: var(--button-text) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.basic.button,
|
|
|
|
|
.ui.basic.buttons .button {
|
|
|
|
|
color: var(--text);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -439,7 +572,7 @@ footer {
|
|
|
|
|
.ui.basic.buttons .button:focus,
|
|
|
|
|
.ui.basic.buttons .button:hover {
|
|
|
|
|
background: rgb(0 0 0 / 25%);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
color: var(--button-text);
|
|
|
|
|
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .35), inset 0 0 0 0 rgba(34, 36, 38, .15);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -512,23 +645,81 @@ footer {
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui.icon.input>i.icon {
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* MARKDOWN */
|
|
|
|
|
.markdown tbody {
|
|
|
|
|
background: #f000 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.markdown:not(code) table tr {
|
|
|
|
|
background-color: rgba(0, 0, 0, .26);
|
|
|
|
|
border-top: 1px solid #ccc;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.markdown:not(code) table tr:nth-child(2n) {
|
|
|
|
|
background-color: rgba(0, 0, 0, .45);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* PLACEHOLDER TEXT */
|
|
|
|
|
::placeholder {
|
|
|
|
|
color: var(--text) !important;
|
|
|
|
|
opacity: .7;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:-moz-placeholder {
|
|
|
|
|
color: var(--text) !important;
|
|
|
|
|
opacity: .7;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:-ms-input-placeholder {
|
|
|
|
|
color: var(--text) !important;
|
|
|
|
|
opacity: .7;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::-webkit-input-placeholder {
|
|
|
|
|
color: var(--text) !important;
|
|
|
|
|
opacity: .7;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* HIGHLIGHTING */
|
|
|
|
|
::-webkit-selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::-moz-selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea::-webkit-selection,
|
|
|
|
|
input::-webkit-selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea::-moz-selection,
|
|
|
|
|
input::-moz-selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea::-moz-selection,
|
|
|
|
|
input::-moz-selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea::selection,
|
|
|
|
|
input::selection {
|
|
|
|
|
background-color: var(--accent-color);
|
|
|
|
|
color: var(--text-hover);
|
|
|
|
|
}
|