gitea-themes/src/template/fix.less

141 lines
3.4 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;
}
.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
color: @bg0;
background-color: @button1;
border-color: @button1;
}
.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
color: @bg0;
background-color: @button1;
border-color: @button1;
}
/* 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.labels a.label, a.ui.label {
background-color: @bg1;
}
.ui.labels a.label:hover, a.ui.label:hover {
background-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;
}