Browse Source

lots...

pull/109/head
Marius 4 years ago
parent
commit
4ea139192d
  1. 1
      CSS/themes/gitea/aquamarine.css
  2. 5
      CSS/themes/gitea/dark.css
  3. 245
      CSS/themes/gitea/gitea-base.css
  4. 1
      CSS/themes/gitea/hotline.css
  5. 3
      CSS/themes/gitea/organizr-dark.css
  6. 1
      CSS/themes/gitea/plex.css
  7. 1
      CSS/themes/gitea/space-gray.css

1
CSS/themes/gitea/aquamarine.css

@ -18,6 +18,7 @@
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688; --button-color: #009688;
--button-color-hover: #12afa0; --button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0; --accent-color: #12afa0;
--accent-color-hover: #fff; --accent-color-hover: #fff;
--text: #eee; --text: #eee;

5
CSS/themes/gitea/dark.css

@ -18,9 +18,10 @@
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15); --button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30); --button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #fff; --button-text: #eee;
--accent-color: #646464;
--accent-color-hover: rgba(255, 255, 255, 0.45); --accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee; --text: #b7b7b7;
--text-hover: #fff; --text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45); --link-hover: rgba(255, 255, 255, 0.45);
} }

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

@ -15,14 +15,22 @@ body {
} }
a, a,
.home a { .home a,
.ui.user.list .item .description a,
.ui.breadcrumb a {
color: var(--link-color); color: var(--link-color);
} }
a:hover { a:hover,
.ui.user.list .item .description a:hover,
.ui.breadcrumb a:hover {
color: #fff; color: #fff;
} }
* {
outline: none;
}
/* Scrollbar */ /* Scrollbar */
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
html { html {
@ -71,7 +79,6 @@ h4,
h5, h5,
h6, h6,
p, p,
b,
strong, strong,
footer, footer,
.ui.list>.item .description, .ui.list>.item .description,
@ -80,10 +87,22 @@ footer,
.ui.checkbox label, .ui.checkbox label,
.form .help, .form .help,
.ui.header, .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; color: var(--text) !important;
} }
b:hover {
color: var(--text-hover);
}
/* NAVBAR */ /* NAVBAR */
.following.bar.light { .following.bar.light {
background-color: transparent; background-color: transparent;
@ -116,7 +135,7 @@ footer,
} }
.ui.segment { .ui.segment {
background: rgb(255 255 255 / 8%); background: rgb(255 255 255 / 8%) !important;
} }
.ui.attached.header { .ui.attached.header {
@ -144,6 +163,12 @@ footer,
background: rgb(0 0 0 / 25%); 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,
.ui.secondary.pointing.menu .active.item:hover { .ui.secondary.pointing.menu .active.item:hover {
border-color: currentColor; border-color: currentColor;
@ -193,6 +218,12 @@ footer,
background: rgb(255 255 255 / 0.07); 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 { .ui.dropdown .menu .active.item {
color: var(--accent-color); color: var(--accent-color);
outline: none !important; outline: none !important;
@ -217,6 +248,7 @@ footer,
.ui.selection.dropdown:focus { .ui.selection.dropdown:focus {
border-color: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .08);
background: rgb(0 0 0 / 50%);
box-shadow: none; box-shadow: none;
} }
@ -242,11 +274,24 @@ footer,
/* MESSAGES */ /* MESSAGES */
.ui.negative.message { .ui.negative.message {
background-color: currentColor; background-color: #F44336;
color: #9f3a38;
box-shadow: none !important; 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 */ /* DASHBOARD */
.vch__wrapper { .vch__wrapper {
filter: invert(100); 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 { #app .ui.menu .active.item {
background: rgb(0 0 0 / 25%) !important;
color: var(--text); 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, #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,
@ -291,6 +342,10 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
color: var(--accent-color); color: var(--accent-color);
} }
.repo-header .ui.breadcrumb a:hover {
color: var(--accent-color-hover);
}
.repo-header .ui.breadcrumb .divider { .repo-header .ui.breadcrumb .divider {
color: rgb(255 255 255 / 40%); 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 { .repository .ui.menu {
background: rgb(0 0 0 / 0%); 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); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
} }
.repository .ui.menu .active.item { .repository .ui.menu .active.item {
background: rgb(0 0 0 / 25%); background: var(--main-bg-color);
color: var(--text); color: var(--text);
font-weight: 400; font-weight: 400;
box-shadow: none; 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 a,
.repository .ui.segment.sub-menu .list .item span.ui { .repository .ui.segment.sub-menu .list .item span.ui {
color: var(--text); 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.blue.labels .label,
.ui.ui.ui.blue.label { .ui.ui.ui.blue.label {
background-color: var(--accent-color); 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); 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 */ /* TABLE */
.ui.table>thead>tr>th { .ui.table>thead>tr>th {
background: rgb(0 0 0 / 50%); background: rgb(0 0 0 / 25%);
color: var(--text); color: var(--text);
border-bottom: 1px solid rgba(34, 36, 38, .1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} }
.ui.table { .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%); background: rgb(255 255 255 / 8%);
border: 1px solid rgba(34, 36, 38, .15); border: 1px solid rgba(34, 36, 38, .15);
color: var(--text); 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 { .repository.file.list #repo-files-table tr:hover {
background-color: rgb(255 255 255 / 8%); background: rgba(255, 255, 255, 0.08);
} }
/* FOOTER */ /* FOOTER */
@ -370,33 +484,52 @@ footer {
background: var(--accent-color); 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.button,
.ui.green.buttons .button { .ui.green.buttons .button {
background-color: var(--button-color); 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.button:hover,
.ui.green.buttons .button:hover { .ui.green.buttons .button:hover {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text);
} }
.ui.blue.button, .ui.blue.button,
.ui.blue.buttons .button { .ui.blue.buttons .button {
background-color: var(--button-color); background-color: var(--button-color);
color: var(--text); color: var(--button-text);
} }
.ui.blue.button:hover, .ui.blue.button:hover,
.ui.blue.buttons .button:hover { .ui.blue.buttons .button:hover {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text);
} }
.ui.active.button, .ui.active.button,
.ui.active.button:hover { .ui.active.button:hover {
color: var(--text-hover); color: var(--button-text);
} }
.ui.active.button, .ui.active.button,
@ -408,12 +541,12 @@ footer {
.ui.button { .ui.button {
background: var(--button-color); background: var(--button-color);
color: var(--text); color: var(--button-text);
} }
.ui.button:hover { .ui.button:hover {
background: var(--button-color-hover); background: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text);
} }
.ui.basic.blue.button, .ui.basic.blue.button,
@ -425,12 +558,12 @@ footer {
.ui.basic.blue.button:hover, .ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover { .ui.basic.blue.buttons .button:hover {
background: var(--button-color) !important; background: var(--button-color) !important;
color: var(--text-hover) !important; color: var(--button-text) !important;
} }
.ui.basic.button, .ui.basic.button,
.ui.basic.buttons .button { .ui.basic.buttons .button {
color: var(--text); color: var(--button-text);
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%); 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:focus,
.ui.basic.buttons .button:hover { .ui.basic.buttons .button:hover {
background: rgb(0 0 0 / 25%); 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); 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); 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 TEXT */
::placeholder { ::placeholder {
color: var(--text) !important; color: var(--text) !important;
opacity: .7; opacity: .5;
} }
:-moz-placeholder { :-moz-placeholder {
color: var(--text) !important; color: var(--text) !important;
opacity: .7; opacity: .5;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: var(--text) !important; color: var(--text) !important;
opacity: .7; opacity: .5;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: var(--text) !important; 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);
} }

1
CSS/themes/gitea/hotline.css

@ -18,6 +18,7 @@
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15); --button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30); --button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336; --accent-color: #F44336;
--accent-color-hover: #0b3161; --accent-color-hover: #0b3161;
--text: #eee; --text: #eee;

3
CSS/themes/gitea/organizr-dark.css

@ -18,9 +18,10 @@
--modal-bg-color: #1b1b1b; --modal-bg-color: #1b1b1b;
--button-color: #2cabe3; --button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8); --button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3; --accent-color:#2cabe3;
--accent-color-hover: #fff; --accent-color-hover: #fff;
--text: #eee; --text: #96a2b4;
--text-hover: #fff; --text-hover: #fff;
--link-color: #2cabe3; --link-color: #2cabe3;
} }

1
CSS/themes/gitea/plex.css

@ -18,6 +18,7 @@
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19; --button-color: #cc7b19;
--button-color-hover: #e59029; --button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d; --accent-color: #e5a00d;
--accent-color-hover: #ffc107; --accent-color-hover: #ffc107;
--text: #eee; --text: #eee;

1
CSS/themes/gitea/space-gray.css

@ -18,6 +18,7 @@
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--button-color: #607D8B; --button-color: #607D8B;
--button-color-hover: #81a6b7; --button-color-hover: #81a6b7;
--button-text: #eee;
--accent-color: #81a6b7; --accent-color: #81a6b7;
--accent-color-hover: #81a6b7; --accent-color-hover: #81a6b7;
--text: #eee; --text: #eee;

Loading…
Cancel
Save