add and use matrix theme

This commit is contained in:
Gitea 2020-05-02 00:09:36 +00:00
parent 4b2460f8d4
commit 82ba216b1d
3 changed files with 1064 additions and 1 deletions

999
public/css/theme-matrix.css Normal file
View File

@ -0,0 +1,999 @@
@import url('theme-arc-green.css');

.gitea-matrix-active-color {
color: #83f20d
}

.gitea-matrix-primary-color {
color: #76da0b
}

.gitea-matrix-secondary-color {
color: #5AA509
}

.ui.list .list>.item .description, .ui.list>.item .description {
display: block;
color: rgb(54, 195, 45);
}

.markdown:not(code) table tr {
background-color: #000;
border-top: 1px solid #83f20d;
}

.markdown:not(code) table td, .markdown:not(code) table th {
padding: 6px 13px !important;
border: 1px solid #83f20d !important;
background-color:
black;
}

.markdown:not(code) pre code, .markdown:not(code) pre tt {
display: inline;
max-width: none;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
color:
#42e13d;
}

.markdown:not(code) .highlight pre, .markdown:not(code) pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color:
#07601e;
border-radius: 3px;
}

a {
color: #33fd00;
text-decoration: none;
}

.ui.card, .ui.cards>.card {
max-width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
min-height: 0;
background:
#545454;
padding: 0;
border: none;
border-radius: .28571429rem;
-webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
box-shadow: 0 1px 3px 0 #33fd00, 0 0 0 1px #83f20d;
-webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: box-shadow .1s ease, transform .1s ease;
transition: box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
z-index: '';
word-wrap: break-word;
}

.ui.card>.content>.header, .ui.cards>.card>.content>.header {
display: block;
margin: '';
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
color:
rgb(51, 253, 0);
}

.ui.card>.content, .ui.cards>.card>.content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: none;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: medium;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-top: 1px solid rgb(13, 217, 25);
background: 0 0;
margin: 0;
padding: 1em 1em;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1em;
border-radius: 0;
border-bottom:
#0dd919;
}

.ui.card>.extra a:not(.ui), .ui.cards>.card>.extra a:not(.ui) {
color:
rgb(46, 253, 0);
}

.user.profile .ui.card .extra.content ul li {
padding: 10px;
list-style: none;
color:
#31fd00;
}

.ui.card>.extra, .ui.cards>.card>.extra {
max-width: 100%;
min-height: 0 !important;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
border-top: 1px solid rgb(51, 253, 0) !important;
position: static;
background: 0 0;
width: auto;
margin: 0 0;
padding: .75em 1em;
top: 0;
left: 0;
color:
rgba(0, 0, 0, .4);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color .1s ease;
transition: color .1s ease;
}

.user.profile .ui.card .extra.content ul li .fa, .user.profile .ui.card .extra.content ul li .octicon {
margin-left: 1px;
margin-right: 5px;
color:
#33fd00;
}

.ui.card>.extra a:not(.ui):hover, .ui.cards>.card>.extra a:not(.ui):hover {
color:
#1baf49;
}

.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid #0dd919;
}

.ui.repository.list .item:not(:first-child) {
border-top: 1px solid #33e319;
padding-top: 25px;
}

.ui.basic.blue.button, .ui.basic.blue.buttons .button {
box-shadow: inset 0 0 0 1px #17d214 !important;
color: #17d214 !important;
}

.markdown:not(code) h1 {
padding-bottom: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #44c90d;
}

.markdown:not(code) h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #44c90d !important;
}

.markdown:not(code) blockquote> :first-child {
margin-top: 0;
color:
green;
}

.ui.divider:not(.vertical):not(.horizontal) {
border-top: 1px solid rgba(34, 36, 38, .15);
border-bottom: 1px solid rgb(51, 227, 25);
}

.ui.attached.segment {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0 -1px;
width: calc(100% + 2px);
max-width: calc(100% + 2px);
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #83f20d;
border-top-color: rgb(131, 242, 13);
border-top-style: solid;
border-top-width: 1px;
}

.ui.top.attached.header {
border-radius: .28571429rem .28571429rem 0 0;
border: 1px solid #83f20d;
}

.feeds .list ul li:not(:last-child) {
border: 1px solid #83f20d;
}

.ui.attached.table {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0 -1px;
width: calc(100% + 2px);
max-width: calc(100% + 2px);
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #83f20d;
border-top-color: rgb(131, 242, 13);
border-top-style: solid;
border-top-width: 1px;
}

.feeds .list ul li a .octicon {
color: #229e33;
}

.ui .text.light.grey {
color: #66c74b !important;
}

a:hover {
color: #099029;
text-decoration: none;
}

.ui.basic.button:hover, .ui.basic.buttons .button:hover {
background: #1b1c1d;
color: rgb(118, 218, 11);
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
}

.ui.breadcrumb a {
color: #03a900;
}

.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule, .repository.file.list #repo-files-table tbody .octicon.octicon-file-symlink-directory {
color: #21ba45;
}

.repository.file.list #repo-files-table tbody .octicon {
margin-left: 3px;
margin-right: 5px;
color: #319000;
}

.repository.file.list #repo-files-table .jumpable-path {
color: #008e04;
}

.ui.blue.labels .label, .ui.ui.ui.blue.label {
background-color: #299a0d;
border-color: #299a0d;
color: #fff;
}

.ui.menu .ui.dropdown .menu>.active.item {
background: rgba(0, 0, 0, .03) !important;
font-weight: 700 !important;
color: rgba(52, 255, 133, 0.95) !important;
}

.ui.menu .ui.dropdown .menu>.item:hover {
background: rgba(0, 0, 0, .05) !important;
color: rgb(53, 246, 130) !important;
}

.ui.repository.list .item .time {
font-size: 12px;
color: #04ff00;
}

.ui .text.grey {
color: #1baf49 !important;
}

.ui.blue.button, .ui.blue.buttons .button {
background-color: #21ba45;
color: #fff;
text-shadow: none;
background-image: none;
}

.ui.blue.button:hover, .ui.blue.buttons .button:hover {
background-color: #319026;
color: #fff;
text-shadow: none;
}

.ui.checkbox input:focus~label {
color: rgb(131, 242, 6);
}

.ui.checkbox label:hover::before {
background: #21ba45;
border-color: rgba(34, 36, 38, 1);
}

.ui.checkbox label:hover, .ui.checkbox+label:hover {
color: #21ba45;
}

.ui.radio.checkbox input:checked~label:after {
background-color: #21ba45;
}

.ui.form textarea, .ui.input textarea {
margin: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
padding: .78571429em 1em;
background: #545454;
border: 1px solid rgba(34, 36, 38, .15);
outline: 0;
color: rgba(0, 0, 0, .87);
border-radius: .28571429rem;
-webkit-box-shadow: 0 0 0 0 transparent inset;
box-shadow: 0 0 0 0 transparent inset;
-webkit-transition: color .1s ease, border-color .1s ease;
transition: color .1s ease, border-color .1s ease;
font-size: 1em;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
line-height: 1.2857;
resize: vertical;
}

.ui.selection.dropdown {
cursor: pointer;
word-wrap: break-word;
line-height: 1em;
white-space: normal;
outline: 0;
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
min-width: 14em;
min-height: 2.71428571em;
background: #545454;
display: inline-block;
padding: .78571429em 3.2em .78571429em 1em;
color: rgb(131, 242, 13);
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid rgba(34, 36, 38, .15);
border-radius: .28571429rem;
-webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;
transition: width .1s ease, -webkit-box-shadow .1s ease;
transition: box-shadow .1s ease, width .1s ease;
transition: box-shadow .1s ease, width .1s ease, -webkit-box-shadow .1s ease;
}

.ui.dropdown .menu {
cursor: auto;
position: absolute;
display: none;
outline: 0;
top: 100%;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
margin: 0;
padding: 0 0;
background: #545454;
font-size: 1em;
text-shadow: none;
text-align: left;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
border: 1px solid rgba(34, 36, 38, .15);
border-radius: .28571429rem;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
z-index: 11;
will-change: transform, opacity;
}

.ui.dropdown .menu>.item {
position: relative;
cursor: pointer;
display: block;
border: none;
height: auto;
text-align: left;
border-top: none;
line-height: 1em;
font-size: 1rem;
color: rgb(97, 242, 13);
padding: .78571429rem 1.14285714rem !important;
text-transform: none;
font-weight: 400;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-touch-callout: none;
}

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
background: rgba(0, 0, 0, .03);
color: #21ba45;
}

.ui.selection.visible.dropdown>.text:not(.default) {
font-weight: 400;
color: #21ba45;
}

.ui.list .list>.item>.content, .ui.list>.item>.content {
line-height: 1.14285714em;
color: #21ba45;
}

.ui.form .field>label {
display: block;
margin: 0 0 .28571429rem 0;
color: rgb(20, 191, 13);
font-size: .92857143em;
font-weight: 700;
text-transform: none;
}

.ui.menu .dropdown.item .menu {
min-width: calc(100% - 1px);
border-radius: 0 0 .28571429rem .28571429rem;
background: #545454;
margin: 0 0 0;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}

.ui.menu .ui.dropdown .menu>.item {
margin: 0;
text-align: left;
font-size: 1em !important;
padding: .78571429em 1.14285714em !important;
background: 0 0 !important;
color: rgb(131, 242, 13) !important;
text-transform: none !important;
font-weight: 400 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: none !important;
transition: none !important;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
margin: 0;
outline: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
line-height: 1.21428571em;
padding: .67857143em 1em;
font-size: 1em;
background: #545454;
border: 1px solid rgba(34, 36, 38, .15);
color: rgb(23, 210, 20);
border-radius: .28571429rem;
-webkit-box-shadow: 0 0 0 0 transparent inset;
box-shadow: 0 0 0 0 transparent inset;
-webkit-transition: color .1s ease, border-color .1s ease;
transition: color .1s ease, border-color .1s ease;
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
color: rgba(0, 0, 0, .95);
border-color: #85b7d9;
border-radius: .28571429rem;
background: #767676;
-webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
}

.ui.input.focus>input, .ui.input>input:focus {
border-color: #85b7d9;
background: #d4d4d5;
color: rgba(0, 0, 0, .8);
-webkit-box-shadow: none;
box-shadow: none;
}

.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
background-color: rgba(0, 0, 0, .05);
color: #21ba45;
}

.ui.checkbox label, .ui.checkbox+label {
color: #83f20d;
-webkit-transition: color .1s ease;
transition: color .1s ease;
}

.ui.input>input {
margin: 0;
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
outline: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: left;
line-height: 1.21428571em;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
padding: .67857143em 1em;
background: #545454;
border: 1px solid rgba(34, 36, 38, .15);
color: rgb(23, 210, 20);
border-radius: .28571429rem;
-webkit-transition: border-color .1s ease, -webkit-box-shadow .1s ease;
transition: border-color .1s ease, -webkit-box-shadow .1s ease;
transition: box-shadow .1s ease, border-color .1s ease;
transition: box-shadow .1s ease, border-color .1s ease, -webkit-box-shadow .1s ease;
-webkit-box-shadow: none;
box-shadow: none;
}

.ui.breadcrumb .divider {
display: inline-block;
opacity: .7;
margin: 0 .21428571rem 0;
font-size: .92857143em;
color: #17d214;
vertical-align: baseline;
}

.ui.tabular.menu .item {
background: #1b1c1d;
border-bottom: none;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 2px solid transparent;
padding: .92857143em 1.42857143em;
color: #1b1c1d;
}

.ui.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1rem 0;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
background: #1b1c1d;
font-weight: 400;
border: 1px solid rgba(34, 36, 38, .15);
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
border-radius: .28571429rem;
min-height: 2.85714286em;
}

.ui.menu.new-menu:after {
position: absolute;
margin-top: -15px;
display: block;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .95));
content: " ";
right: 0;
height: 53px;
z-index: 1000;
width: 60px;
clear: none;
visibility: visible;
}

.ui.pagination.menu .active.item {
border-top: none;
padding-top: .92857143em;
background-color: rgba(0, 0, 0, .05);
color: rgb(131, 242, 13);
-webkit-box-shadow: none;
box-shadow: none;
}

.ui.ui.menu .item.disabled {
cursor: default;
background-color: transparent;
color: rgb(57, 156, 60);
pointer-events: none;
}

.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
cursor: pointer;
background: rgba(0, 0, 0, .03);
color: rgba(71, 216, 11, 0.95);
}

.ui.basic.button, .ui.basic.buttons .button {
background: #1b1c1d none;
color: rgb(131, 242, 13);
font-weight: 400;
border-radius: .28571429rem;
text-transform: none;
text-shadow: none !important;
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
}

.ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover {
background-color: rgba(118, 218, 11, 0.8);
}

.ui.basic.active.button, .ui.basic.buttons .active.button {
background: rgb(118, 218, 11);
-webkit-box-shadow: '';
box-shadow: '';
color: rgba(0, 0, 0, .95);
}

.ui.attached.header {
background: rgba(0, 0, 0, .95);
}

.ui.header {
border: none;
margin: calc(2rem - .1428571428571429em) 0 1rem;
padding: 0 0;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.28571429em;
text-transform: none;
color: rgb(131, 242, 6);
}

.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 {
display: inline-block;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: baseline;
font-size: .92857143em;
font-weight: 700;
color: rgb(131, 242, 6);
text-transform: none;
}

.ui.menu .active.item {
background: rgba(0, 0, 0, .95);
color: rgb(97, 242, 9);
font-weight: 400;
-webkit-box-shadow: none;
box-shadow: none;
}

.ui.attached.header {
background: rgba(0, 0, 0, .95);
}

.ui.header {
border: none;
margin: calc(2rem - .1428571428571429em) 0 1rem;
padding: 0 0;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.28571429em;
text-transform: none;
color: rgb(76, 227, 13);
}

.ui.secondary.segment {
background: rgba(0, 0, 0, .95);
color: rgba(0, 0, 0, .6);
}

.ui.menu .item {
position: relative;
vertical-align: middle;
line-height: 1;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #1b1c1d;
padding: .92857143em 1.14285714em;
text-transform: none;
color: #399c3c;
font-weight: 400;
-webkit-transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
transition: background .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
transition: background .1s ease, box-shadow .1s ease, color .1s ease;
transition: background .1s ease, box-shadow .1s ease, color .1s ease, -webkit-box-shadow .1s ease;
}

.repository .header-wrapper {
background-color: rgba(0, 0, 0, .95);
margin-top: -15px;
padding-top: 15px;
}

.ui.basic.label, .ui.basic.labels .label {
background: none #17d214;
border: 1px solid rgba(34, 36, 38, .15);
color: rgba(0, 0, 0, .87);
-webkit-box-shadow: none;
box-shadow: none;
}

.ui.tabular.menu .active.item {
background: none #17d214;
color: rgba(0, 0, 0, .95);
border-top-width: 1px;
border-color: #37d80f;
font-weight: 700;
margin-bottom: -1px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: .28571429rem .28571429rem 0 0 !important;
}

.ui.tabular.menu .item {
color: rgba(6, 245, 47, 0.98);
}

.ui.segment {
position: relative;
background: #1b1c1d;
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
margin: 1rem 0;
padding: 1em 1em;
border-radius: .28571429rem;
border: 1px solid rgba(34, 36, 38, .15);
}

.repository .ui.segment.sub-menu .list .item a {
color: #83f20d;
}

.ui.table {
width: 100%;
background: #1b1c1d;
margin: 1em 0;
border: 1px solid rgba(34, 36, 38, .15);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: .28571429rem;
text-align: left;
vertical-align: middle;
color: rgb(131, 242, 13);
border-collapse: separate;
border-spacing: 0;
}

.ui.table>thead>tr>th {
cursor: auto;
background: #1b1c1d;
text-align: inherit;
color: rgb(131, 242, 13);
padding: .92857143em .78571429em;
vertical-align: inherit;
font-style: none;
font-weight: 700;
text-transform: none;
border-bottom: 1px solid rgba(34, 36, 38, .1);
border-left: none;
}

.ui.label {
display: inline-block;
line-height: 1;
vertical-align: baseline;
margin: 0 .14285714em;
background-color: #5ad80c;
background-image: none;
padding: .5833em .833em;
color: rgba(0, 0, 0, .6);
text-transform: none;
font-weight: 700;
border: 0 solid transparent;
border-radius: .28571429rem;
-webkit-transition: background .1s ease;
transition: background .1s ease;
}

.ui .info.segment.top {
background-color: #1b1c1d !important;
}

.repository.file.list #repo-files-table tr:hover {
background-color: #1b1c1d;
}

.ui.tabular.menu .item:hover {
color: rgba(6, 239, 142, 0.8);
}

.ui.message {
position: relative;
min-height: 1em;
margin: 1em 0;
background: #1b1c1d00;
padding: 1em 1.5em;
line-height: 1.4285em;
color: #1b1c1d;
-webkit-transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;
transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease;
border-radius: .28571429rem;
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent;
box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent;
}

.ui.button {
cursor: pointer;
display: inline-block;
min-height: 1em;
outline: 0;
border: none;
vertical-align: baseline;
background: #2f3031 none;
color: rgb(18, 230, 15);
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
margin: 0 .25em 0 0;
padding: .78571429em 1.5em .78571429em;
text-transform: none;
text-shadow: none;
font-weight: 700;
line-height: 1em;
font-style: normal;
text-align: center;
text-decoration: none;
border-radius: .28571429rem;
-webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
will-change: auto;
-webkit-tap-highlight-color: transparent;
}

.repository .ui.segment.sub-menu .list .item a:hover {
color: #00b92c;
}

.lines-code .hljs, .lines-code ol, .lines-code pre, .lines-num .hljs, .lines-num ol, .lines-num pre {
background-color: #d4d4d5;
margin: 0;
padding: 0 !important;
}

.lines-num {
vertical-align: top;
text-align: right !important;
color: #17d214;
background: #1b1c1d;
width: 1%;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

.ui.bottom.attached.message {
font-weight: 700;
text-align: left;
color: #e01010;
}

.ui.bottom.attached.message .pull-right {
color: #e01717;
}

.repository .diff-detail-box {
padding: 7px 0;
background: #1b1c1d;
line-height: 30px;
}

.repository .diff-file-box .file-body.file-code .lines-num {
text-align: right;
color: #83f20f;
background: #1b1c1d;
width: 1%;
min-width: 50px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: top;
}

.tag-code, .tag-code td {
background-color: #545454 !important;
border-color: #545454 !important;
padding-top: 8px;
padding-bottom: 8px;
}

.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
background-color: #ec4040 !important;
border-color: #5d0a0a !important;
}

.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
background-color: #066d06 !important;
border-color: #7bde7b !important;
}

.ui.secondary.menu .active.item {
color: #83f20d !important
}

.ui.secondary.menu .item {
color: #5AA509 !important
}

.ui.secondary.menu .active.item:hover, .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
color: #83f20d !important
}

.brand-logo {
font-size: 35px;
}

body {
background-color: black !important;
color: #83f20d !important;
}

.following.bar.light {
background-color: black;
border-bottom: 1px solid #83f20d !important;
box-shadow: 0 2px 3px rgba(0, 0, 0, .04)
}

footer {
background-color: black !important;
border-top: 1px solid #83f20d !important;
width: 100%;
flex-basis: 40px;
color: #83f20d
}

.ui.secondary.menu {
background-color: black !important;
}

.footer {
background: black !important;
border-top: 1px solid #313131;
position: relative;
margin-bottom: 0px
}

.ui.avatar {
border-color: #5AA509 !important;
border-style: solid;
border-width: 1px;
}

.ui.attached {
background: black !important;
}

.badge {
background: black !important;
border-color: #5AA509 !important;
border-style: solid;
}

60
public/js/theme-matrix.js Normal file
View File

@ -0,0 +1,60 @@
//Matrix canvas
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//Get client offsets
var my_height = "innerHeight" in window
? window.innerHeight
: document.documentElement.offsetHeight; ;
var my_width = "innerWidth" in window
? window.innerWidth
: document.documentElement.offsetWidth; ;

// making the canvas full screen
c.height = my_height;
c.width = my_width;

//latin characters - taken from the unicode charset
var matrix = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%+-/~{[|`]}";
//converting the string into an array of single characters
matrix = matrix.split("");

var font_size = 10;
var columns = c.width / font_size; //number of columns for the rain
//an array of drops - one per column
var drops = [];
//x below is the x coordinate
//1 = y co-ordinate of the drop(same for every drop initially)
for (var x = 0; x < columns; x++)
drops[x] = 1;

//drawing the characters
function draw() {
//Black BG for the canvas
//translucent BG to show trail
ctx.fillStyle = "rgba(0, 0, 0, 0.04)";
ctx.fillRect(0, 0, c.width, c.height);

ctx.fillStyle = "#5AA509"; // Gitea green
//ctx.fillStyle = "red";
ctx.font = font_size + "px arial";
//looping over drops
for (var i = 0; i < drops.length; i++) {
//a random chinese character to print
var text = matrix[Math.floor(Math.random() * matrix.length)];
//x = i*font_size, y = value of drops[i]*font_size
ctx.fillText(text, i * font_size, drops[i] * font_size);

//sending the drop back to the top randomly after it has crossed the screen
//adding a randomness to the reset to make the drops scattered on the Y axis

if (drops[i] * font_size > c.height && Math.random() > 0.975) {
drops[i] = 0;
}


//incrementing Y coordinate
drops[i]++;
}
}

setInterval(draw, 35);

View File

@ -1,5 +1,8 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="home"> <div id="home" class="home">
<div style="margin:auto; width:100%; position: fixed; padding-top:14px">
<canvas id="c"></canvas>
</div>
<div class="ui stackable middle very relaxed page grid"> <div class="ui stackable middle very relaxed page grid">
<div class="sixteen wide center aligned centered column"> <div class="sixteen wide center aligned centered column">
<div> <div>
@ -14,4 +17,5 @@
</div> </div>
</div> </div>
</div> </div>
<script src="{{StaticUrlPrefix}}/js/theme-matrix.js"></script>
{{template "base/footer" .}} {{template "base/footer" .}}