forked from sainnhe/gitea-themes
129 lines
3.1 KiB
Plaintext
129 lines
3.1 KiB
Plaintext
/* primary buttons */
|
|
.ui.primary.button, .ui.primary.buttons .button {
|
|
background: @button1;
|
|
background-color: @button1 !important;
|
|
color: @bg0;
|
|
}
|
|
|
|
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
|
|
background: fade(@button1, 80%);
|
|
background-color: fade(@button1, 80%) !important;
|
|
color: @bg0;
|
|
}
|
|
|
|
/* secondary buttons */
|
|
.ui.green.buttons .button, .ui.green.button {
|
|
background: @button2;
|
|
background-color: @button2;
|
|
color: @bg0;
|
|
}
|
|
|
|
.ui.green.buttons .button:hover, .ui.green.button:hover {
|
|
background: fade(@button2, 80%);
|
|
background-color: fade(@button2, 80%);
|
|
color: @bg0;
|
|
}
|
|
|
|
/* text based buttons (purple) */
|
|
.ui.labeled.button.disabled>.button, .ui.basic.buttons .button, .ui.basic.button {
|
|
color: @secondary;
|
|
}
|
|
|
|
.ui.labeled.button.disabled>.button:hover, .ui.basic.buttons .button:hover, .ui.basic.button:hover {
|
|
color: @secondary;
|
|
}
|
|
|
|
/* repo title && header */
|
|
.repo-title {
|
|
color: @secondary;
|
|
}
|
|
|
|
/* star number && fork number */
|
|
.repo-buttons button[disabled] ~ .label,
|
|
.repo-buttons .ui.labeled.button.disabled > .label {
|
|
color: @primary;
|
|
}
|
|
|
|
.ui.basic.labels .label, .ui.basic.label {
|
|
color: @primary;
|
|
}
|
|
|
|
/* hover on commits, branch, tags in project home page */
|
|
.repository .ui.segment.sub-menu .list .item a:hover,
|
|
.ui.tabular.menu .item:hover {
|
|
color: var(--color-text-hover);
|
|
}
|
|
|
|
/* commit label */
|
|
.ui.primary.labels .label, .ui.ui.ui.primary.label {
|
|
color: @bg0;
|
|
}
|
|
|
|
/* issue label */
|
|
.ui.green.labels .label, .ui.ui.ui.green.label {
|
|
color: @bg0;
|
|
}
|
|
|
|
/* grey button (rss feed button in repository home page) */
|
|
i.grey.icon.icon.icon.icon {
|
|
color: @grey
|
|
}
|
|
|
|
/* scroll bar */
|
|
* {
|
|
scrollbar-color: @secondary transparent !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
box-shadow: inset 0 0 0 6px @secondary !important;
|
|
border: 2px solid transparent;
|
|
border-radius: 5px !important;
|
|
}
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
|
box-shadow: inset 0 0 0 6px @secondary !important;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
box-shadow: inset 0 0 0 6px @secondary !important;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
/* red buttons */
|
|
.ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, .ui.red.buttons .button {
|
|
background: @button-red;
|
|
background-color: @button-red;
|
|
color: @bg0;
|
|
}
|
|
|
|
.ui.red.labels .label:hover, .ui.ui.ui.red.label:hover, .ui.red.button:hover, .ui.red.buttons .button:hover {
|
|
background: fade(@button-red, 80%);
|
|
background-color: fade(@button-red, 80%);
|
|
color: @bg0;
|
|
}
|
|
|
|
/* grey buttons */
|
|
.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
|
|
color: @bg0;
|
|
}
|
|
|
|
.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
|
|
color: @bg0;
|
|
}
|
|
|
|
/* orange buttons */
|
|
.ui.orange.labels .label, .ui.ui.ui.orange.label, .ui.orange.button, .ui.orange.buttons .button {
|
|
background: @orange;
|
|
background-color: @orange;
|
|
color: @bg0;
|
|
}
|
|
|
|
.ui.orange.labels .label:hover, .ui.ui.ui.orange.label:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover {
|
|
background: fade(@orange, 80%);
|
|
background-color: fade(@orange, 80%);
|
|
color: @bg0;
|
|
}
|