initial commit
This commit is contained in:
Vrifox
commit
b1be8c9443
18 changed files with 1260 additions and 0 deletions
17
source/gitea-theme-git.vrifox.cc.scss
Normal file
17
source/gitea-theme-git.vrifox.cc.scss
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
/* ------------------------------------------------ */
|
||||
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
|
||||
/* ------------------------------------------------ */
|
||||
|
||||
@import 'partials/main';
|
||||
|
||||
@import 'partials/nav';
|
||||
|
||||
|
||||
@import 'partials/repository.scss';
|
||||
|
||||
@import 'partials/explore.scss';
|
||||
|
||||
@import 'partials/user-profile.scss';
|
||||
|
||||
|
||||
@import 'partials/footer';
|
||||
27
source/partials/_footer.scss
Normal file
27
source/partials/_footer.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
footer {
|
||||
background: rgb(30, 30, 45);
|
||||
border-top: 1px solid rgb(40, 40, 60);
|
||||
color: rgb(200, 200, 230);
|
||||
.ui.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 64px;
|
||||
width: 1127px !important;
|
||||
.links {
|
||||
margin-left: auto;
|
||||
a {
|
||||
color: rgb(200, 200, 230);
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
> * {
|
||||
border-left-color: rgb(200, 200, 230);
|
||||
}
|
||||
a[href~="/api/swagger"],
|
||||
.version {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
20
source/partials/_main.scss
Normal file
20
source/partials/_main.scss
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
|
||||
&::selection {
|
||||
background: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
background: rgb(40, 40, 60);
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
a {
|
||||
color: rgb(255, 255, 255);
|
||||
transition: color 0.2s;
|
||||
&:hover {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
48
source/partials/_nav.scss
Normal file
48
source/partials/_nav.scss
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
.ui.main.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
border-bottom: 0;
|
||||
min-height: 64px;
|
||||
#navbar {
|
||||
width: 1127px ;
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
&.brand {
|
||||
margin: 0 .5rem 0 0;
|
||||
.mini.image {
|
||||
transition: opacity .2s;
|
||||
&:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.brand) {
|
||||
display: block;
|
||||
padding: 24px;
|
||||
border-radius: 0;
|
||||
margin: 0px 0px;
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
color: rgb(245, 245, 255);
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown.item > .menu {
|
||||
margin-top: 0;
|
||||
}
|
||||
.dropdown.item > .menu,
|
||||
&.text.menu .dropdown.item > .menu {
|
||||
border: 0;
|
||||
}
|
||||
.dropdown.item:hover,
|
||||
.link.item:hover,
|
||||
.active.item:hover,
|
||||
a.item:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
107
source/partials/explore.scss
Normal file
107
source/partials/explore.scss
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
|
||||
/* explore: repositories / main */
|
||||
|
||||
.explore {
|
||||
.secondary.menu {
|
||||
background-color: rgb(70, 70, 105) !important;
|
||||
border-radius: 0;
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
}
|
||||
&.active {
|
||||
color: rgb(245, 245, 255) !important;
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
.filter.menu {
|
||||
display: none;
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
input {
|
||||
background: rgb(40, 40, 60);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
border-bottom: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
.repository.list {
|
||||
.item {
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
.header {
|
||||
a.name {
|
||||
i.archive.icon {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
.metas {
|
||||
span {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.description {
|
||||
p {
|
||||
color: rgb(245, 245, 255);
|
||||
&.time {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
.tags {
|
||||
a .label {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(70, 70, 105);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* explore: users */
|
||||
|
||||
.explore.users {
|
||||
.container {
|
||||
.user.list {
|
||||
.content {
|
||||
.header {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.description {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
339
source/partials/repository.scss
Normal file
339
source/partials/repository.scss
Normal file
|
|
@ -0,0 +1,339 @@
|
|||
|
||||
/* repository: code / main */
|
||||
|
||||
.repository {
|
||||
.header-wrapper {
|
||||
background-color: rgb(70, 70, 105);
|
||||
.repo-header {
|
||||
.repo-title {
|
||||
a {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.divider {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
.repo-buttons {
|
||||
.button {
|
||||
color: rgb(215, 215, 225);
|
||||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(90, 90, 135);
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tabs {
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
transition: color .2s;
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
span.label {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
span.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
.repo-description {
|
||||
color: rgb(245, 245, 255);
|
||||
a {
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
}
|
||||
#repo-topics {
|
||||
.repo-topic.label {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(70, 70, 105);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
.repo-topic-edit {
|
||||
display: none !important;
|
||||
&.success,
|
||||
&.error {
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
.repository-summary {
|
||||
border: 0;
|
||||
.repository-menu {
|
||||
background: rgb(50, 50, 75);
|
||||
.item {
|
||||
a {
|
||||
color: rgb(245, 245, 255) !important;
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.language-stats-details {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
.item {
|
||||
#clone-panel {
|
||||
#repo-clone-https,
|
||||
#repo-clone-ssh {
|
||||
color: rgb(245, 245, 255);
|
||||
box-shadow: none !important;
|
||||
&:not(.blue) {
|
||||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
&.blue {
|
||||
box-shadow: inset 0 0 0 1px rgb(255, 130, 130) !important;
|
||||
color: rgb(255, 130, 130) !important;
|
||||
}
|
||||
}
|
||||
input#repo-clone-url {
|
||||
background: rgb(40, 40, 60);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
#clipboard-btn {
|
||||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
.svg {
|
||||
fill: rgb(245, 245, 245);
|
||||
}
|
||||
}
|
||||
div.dropdown.button {
|
||||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
.download.icon {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.table {
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
background: rgb(30, 30, 45);
|
||||
border-radius: 5px;
|
||||
thead {
|
||||
tr {
|
||||
&:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
th {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
.time-since {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> thead > tr > th {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
background: rgb(30, 30, 45);
|
||||
border: 0;
|
||||
&:hover {
|
||||
background-color: rgb(40, 40, 60) !important;
|
||||
}
|
||||
.svg {
|
||||
&.octicon-file-directory,
|
||||
&.octicon-file-submodule {
|
||||
fill: rgb(255, 130, 130);
|
||||
}
|
||||
&.octicon-file {
|
||||
fill: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
.jumpable-path {
|
||||
color: rgb(100, 100, 150) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.commit-list {
|
||||
.sha.label {
|
||||
background: rgb(70, 70, 105);
|
||||
border: 0 !important;
|
||||
color: rgb(245, 245, 255);
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.non-diff-file-content {
|
||||
color: rgb(245, 245, 255);
|
||||
.header {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
}
|
||||
.table {
|
||||
color: rgb(245, 245, 255);
|
||||
border: 0;
|
||||
background: rgb(30, 30, 45);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: releases */
|
||||
|
||||
.repository.release {
|
||||
.container {
|
||||
.header {
|
||||
background: transparent;
|
||||
}
|
||||
#release-list {
|
||||
border-top: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: activity */
|
||||
|
||||
.repository.commits {
|
||||
.container {
|
||||
h2.header {
|
||||
background: transparent;
|
||||
.filter {
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.segment.text {
|
||||
background: rgb(30, 30, 45);
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: commits */
|
||||
|
||||
.repository.commits {
|
||||
.secondary.menu {
|
||||
margin-left: -15px;
|
||||
.item {
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header {
|
||||
form {
|
||||
.search.input {
|
||||
input {
|
||||
background: rgb(40, 40, 60);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
.checkbox {
|
||||
label {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: branches */
|
||||
|
||||
.repository.branches {
|
||||
.container {
|
||||
.table {
|
||||
tbody {
|
||||
tr {
|
||||
&:hover {
|
||||
background: rgb(30, 30, 45);
|
||||
}
|
||||
td {
|
||||
.info {
|
||||
color: rgb(245, 245, 255);
|
||||
.svg {
|
||||
fill: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
.dropdown.button {
|
||||
.download.icon {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: diff */
|
||||
|
||||
.repository.diff {
|
||||
.container {
|
||||
.top.info {
|
||||
background: rgb(60, 60, 90) !important;
|
||||
border: 0;
|
||||
}
|
||||
.info {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
140
source/partials/user-profile.scss
Normal file
140
source/partials/user-profile.scss
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
|
||||
/* user profile: repositories / main */
|
||||
|
||||
.user.profile {
|
||||
.container {
|
||||
.grid {
|
||||
.card {
|
||||
box-shadow: none;
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
.content {
|
||||
.header {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
.extra.content {
|
||||
ul {
|
||||
color: rgb(245, 245, 255);
|
||||
li:not(:last-child) {
|
||||
border-bottom: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
a {
|
||||
color: rgb(255, 255, 255);
|
||||
&:hover {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter.menu {
|
||||
display: none;
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
input {
|
||||
background: rgb(40, 40, 60);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
border-bottom: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
.repository.list {
|
||||
.item {
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
.header {
|
||||
a.name {
|
||||
i.archive.icon {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
.metas {
|
||||
span {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.description {
|
||||
p {
|
||||
color: rgb(245, 245, 255);
|
||||
&.time {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
.tags {
|
||||
a .label {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(70, 70, 105);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* user profile: public activity */
|
||||
|
||||
.user.profile {
|
||||
.container {
|
||||
.grid {
|
||||
.feeds {
|
||||
.news {
|
||||
.content {
|
||||
span {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
p.grey {
|
||||
span {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
.svg {
|
||||
fill: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in a new issue