Browse Source

link and text color, ui borders, ui btn hover, mrkdwn

pull/109/head
Marius 5 years ago
parent
commit
cc6699d04b
  1. 45
      CSS/themes/gitea/gitea-base.css

45
CSS/themes/gitea/gitea-base.css

@ -17,13 +17,15 @@ body {
a, a,
.home a, .home a,
.ui.user.list .item .description a, .ui.user.list .item .description a,
.ui.breadcrumb a { .ui.breadcrumb a,
.repository .labelspage .item a {
color: var(--link-color); color: var(--link-color);
} }
a:hover, a:hover,
.ui.user.list .item .description a:hover, .ui.user.list .item .description a:hover,
.ui.breadcrumb a:hover { .ui.breadcrumb a:hover,
.repository .labelspage .item a:hover {
color: #fff; color: #fff;
} }
@ -82,13 +84,14 @@ p,
/*strong,*/ /*strong,*/
footer, footer,
.ui.list>.item .description, .ui.list>.item .description,
.ui.form .inline.field>label, .issue.list>.item .title,
.ui.accordion .title:not(.ui), .ui.accordion .title:not(.ui),
.ui.checkbox label, .ui.checkbox label,
.form .help,
.ui.header, .ui.header,
.ui .text.black, .ui .text.black,
.ui.header .sub.header, .ui.header .sub.header,
.ui.form .inline.field>label,
.form .help,
.ui.form .field>label, .ui.form .field>label,
.ui.form .inline.field>label, .ui.form .inline.field>label,
.ui.form .inline.field>p, .ui.form .inline.field>p,
@ -96,10 +99,11 @@ footer,
.ui.form .inline.fields .field>p, .ui.form .inline.fields .field>p,
.ui.form .inline.fields>label, .ui.form .inline.fields>label,
.ui.dropdown .menu>.message:not(.ui) { .ui.dropdown .menu>.message:not(.ui) {
color: var(--text) !important; color: var(--text);
} }
/* TEXT HOVER */
b:hover { b:hover,
.issue.list>.item .title:hover {
color: var(--text-hover); color: var(--text-hover);
} }
@ -313,16 +317,22 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
} }
.ui.menu .active.item { .ui.menu .active.item {
background: rgba(0, 0, 0, .05) !important; background: rgba(0, 0, 0, .25);
color: var(--text); color: var(--text);
font-weight: 400; font-weight: 400;
box-shadow: none; box-shadow: none;
} }
.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
background-color: rgba(0, 0, 0, .25);
color: var(--text-hover);
}
.ui.menu a.item:hover {
color: var(--text-hover);
background: rgb(255 255 255 / 8%);
}
#app .ui.link.menu .item:hover, #app .ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover, .ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover, .ui.menu .link.item:hover {
.ui.menu a.item:hover {
cursor: pointer; cursor: pointer;
background: rgba(0, 0, 0, .03); background: rgba(0, 0, 0, .03);
color: var(--text-hover); color: var(--text-hover);
@ -355,7 +365,7 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
} }
.ui.tabular.menu .active.item { .ui.tabular.menu .active.item {
background: none rgb(0 0 0 / 0.25); background: none var(--main-bg-color) !important;
color: var(--text); color: var(--text);
border-color: transparent; border-color: transparent;
} }
@ -367,10 +377,10 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
.repository .ui.menu { .repository .ui.menu {
background: rgb(0 0 0 / 0%); background: rgb(0 0 0 / 0%);
border: 1px solid transparent; border: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
} }
/*
.repository .ui.menu .active.item { .repository .ui.menu .active.item {
background: var(--main-bg-color) !important; background: var(--main-bg-color) !important;
color: var(--text-hover); color: var(--text-hover);
@ -569,11 +579,11 @@ footer {
.ui.basic.button:hover, .ui.basic.button:hover,
.ui.basic.buttons .button:focus, .ui.basic.buttons .button:focus,
.ui.basic.buttons .button:hover { .ui.basic.buttons .button:hover {
background: rgb(0 0 0 / 25%); background: rgb(255 255 255 / 8%);
color: var(--button-text); color: var(--button-text);
} }
/* LABELS */ /* LABELS */
.ui.label { .ui.label, .ui.menu .item>.label {
background-color: var(--button-color); background-color: var(--button-color);
color: var(--button-text); color: var(--button-text);
} }
@ -673,6 +683,9 @@ footer {
.markdown:not(code) table tr:nth-child(2n) { .markdown:not(code) table tr:nth-child(2n) {
background-color: rgba(0, 0, 0, .45); background-color: rgba(0, 0, 0, .45);
} }
.markdown:not(code) code, .markdown:not(code) tt {
background-color: rgb(0 0 0 / 0.25);
}
.chroma { .chroma {
filter: invert(1); filter: invert(1);
} }

Loading…
Cancel
Save