vrifox/gitea-theme
vrifox/gitea-theme
Archived
1
0
Fork 0
Code Issues 6 Releases Activity

more no-js fixes; global $font-family variable instead of @mixin (more flexible and less bulkier); …

Browse source
This commit is contained in:
Vrifox 2020-10-04 18:28:14 +02:00
parent b76a32d1e9
commit e00bd70989
8 changed files with 153 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
public/css/theme-gitea-vrifox-backend.css
View file

@ -10,7 +10,7 @@
body { body {
background: #28283c; background: #28283c;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
a { a {
color: white; color: white;
@ -28,7 +28,7 @@ body > .full.height::first-line,
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 1em;
min-height: 64px; min-height: 64px;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.ui.main.menu #navbar { .ui.main.menu #navbar {
width: 1127px; width: 1127px;
padding: 0; } padding: 0; }
@ -95,7 +95,7 @@ body > .full.height::first-line,
box-shadow: none; box-shadow: none;
color: #f5f5ff; color: #f5f5ff;
transition: background .2s, color .2s; transition: background .2s, color .2s;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .header-wrapper .repo-header .repo-buttons .button:hover { .repository .header-wrapper .repo-header .repo-buttons .button:hover {
background: #32324b; background: #32324b;
color: white; } color: white; }
@ -110,7 +110,7 @@ body > .full.height::first-line,
.repository .header-wrapper .tabs.container .menu.navbar .item { .repository .header-wrapper .tabs.container .menu.navbar .item {
color: #d7d7e1; color: #d7d7e1;
transition: color .2s; transition: color .2s;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .header-wrapper .tabs.container .menu.navbar .item:hover { .repository .header-wrapper .tabs.container .menu.navbar .item:hover {
color: white; } color: white; }
.repository .header-wrapper .tabs.container .menu.navbar .item.active { .repository .header-wrapper .tabs.container .menu.navbar .item.active {
@ -145,7 +145,7 @@ body > .full.height::first-line,
border: 0; border: 0;
box-shadow: none; } box-shadow: none; }
.repository .container .repository-summary .repository-menu { .repository .container .repository-summary .repository-menu {
background: #32324b; } background: #3c3c5a !important; }
.repository .container .repository-summary .repository-menu .item a { .repository .container .repository-summary .repository-menu .item a {
color: #f5f5ff !important; } color: #f5f5ff !important; }
.repository .container .repository-summary .repository-menu .item a:hover { .repository .container .repository-summary .repository-menu .item a:hover {
@ -164,7 +164,7 @@ body > .full.height::first-line,
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh { .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
color: #f5f5ff; color: #f5f5ff;
box-shadow: none !important; box-shadow: none !important;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue), .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue),
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) { .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) {
background: #3c3c5a; } background: #3c3c5a; }
@ -180,7 +180,7 @@ body > .full.height::first-line,
background: #28283c; background: #28283c;
border: 2px solid #3c3c5a; border: 2px solid #3c3c5a;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus { .repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus {
background: #32324b; background: #32324b;
border: 2px solid #3c3c5a; border: 2px solid #3c3c5a;
@ -253,7 +253,7 @@ body > .full.height::first-line,
background: #32324b; background: #32324b;
border: 0; border: 0;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .non-diff-file-content .table { .repository .container .non-diff-file-content .table {
background: #1e1e2d; background: #1e1e2d;
border: 0; border: 0;
@ -262,19 +262,19 @@ body > .full.height::first-line,
/* repository: releases */ /* repository: releases */
.repository.release .container .header { .repository.release .container .header {
background: transparent; background: transparent;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.release .container #release-list { .repository.release .container #release-list {
border-top: 1px solid #3c3c5a; } border-top: 1px solid #3c3c5a; }
/* repository: activity */ /* repository: activity */
.repository.commits .container h2.header { .repository.commits .container h2.header {
font-family: monospace, 'Lucida Console', 'Monaco' !important; font-family: monospace, "Lucida Console", "Monaco";
background: transparent; } background: transparent; }
.repository.commits .container h2.header .filter .button { .repository.commits .container h2.header .filter .button {
background: #3c3c5a; background: #3c3c5a;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.commits .container h2.header .filter .button:hover { .repository.commits .container h2.header .filter .button:hover {
background: #32324b; } background: #32324b; }
.repository.commits .container h2.header .filter .menu { .repository.commits .container h2.header .filter .menu {
@ -287,28 +287,31 @@ body > .full.height::first-line,
background: #32324b; } background: #32324b; }
.repository.commits .container .segment { .repository.commits .container .segment {
background: #1e1e2d;
border: 0; } border: 0; }
.repository.commits .container .segment .text { .repository.commits .container .segment .text {
background: #1e1e2d; } background: #1e1e2d; }
.repository.commits .container .segment h4.header {
background: #1e1e2d; }
/* repository: commits */ /* repository: commits */
.repository.commits .secondary.menu { .repository.commits .container .secondary.menu {
margin-left: -15px; } margin-left: -15px; }
.repository.commits .secondary.menu .item .button { .repository.commits .container .secondary.menu .item .button {
background: #3c3c5a; background: #3c3c5a;
color: #f5f5ff; } color: #f5f5ff; }
.repository.commits .secondary.menu .item .button:hover { .repository.commits .container .secondary.menu .item .button:hover {
background: #32324b; } background: #32324b; }
.repository.commits .header form .search.input input { .repository.commits .container .header form .search.input input {
background: #28283c; background: #28283c;
border: 0; border: 0;
color: #f5f5ff; } color: #f5f5ff; }
.repository.commits .header form .search.input input:focus { .repository.commits .container .header form .search.input input:focus {
background: #32324b; background: #32324b;
color: white; } color: white; }
.repository.commits .header form .checkbox label { .repository.commits .container .header form .checkbox label {
color: #f5f5ff; } color: #f5f5ff; }
/* repository: branches */ /* repository: branches */
@ -432,7 +435,7 @@ body > .full.height::first-line,
background: #464669; background: #464669;
box-shadow: none; box-shadow: none;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover { .repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover {
background: #3c3c5a; } background: #3c3c5a; }
@ -524,7 +527,7 @@ body > .full.height::first-line,
overflow-y: hidden; } overflow-y: hidden; }
.user .container .grid .secondary.menu .item { .user .container .grid .secondary.menu .item {
color: #d7d7e1; color: #d7d7e1;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.user .container .grid .secondary.menu .item:hover { .user .container .grid .secondary.menu .item:hover {
color: white; } color: white; }
.user .container .grid .secondary.menu .item.active { .user .container .grid .secondary.menu .item.active {
@ -556,7 +559,7 @@ body > .full.height::first-line,
border-top: 1px solid #3c3c5a; } border-top: 1px solid #3c3c5a; }
.user .container .grid .repository.list .item .header a.name { .user .container .grid .repository.list .item .header a.name {
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.user .container .grid .repository.list .item .header a.name i.archive.icon { .user .container .grid .repository.list .item .header a.name i.archive.icon {
color: #d7d7e1 !important; } color: #d7d7e1 !important; }

58
public/css/theme-gitea-vrifox-frontend.css
View file

@ -10,7 +10,7 @@
body { body {
background: #28283c; background: #28283c;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
a { a {
color: white; color: white;
@ -28,7 +28,7 @@ body > .full.height::first-line,
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 1em;
min-height: 64px; min-height: 64px;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.ui.main.menu #navbar { .ui.main.menu #navbar {
width: 1127px; width: 1127px;
padding: 0; } padding: 0; }
@ -101,7 +101,7 @@ body > .full.height::first-line,
box-shadow: none; box-shadow: none;
color: #f5f5ff; color: #f5f5ff;
transition: background .2s, color .2s; transition: background .2s, color .2s;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .header-wrapper .repo-header .repo-buttons .button:hover { .repository .header-wrapper .repo-header .repo-buttons .button:hover {
background: #32324b; background: #32324b;
color: white; } color: white; }
@ -116,7 +116,7 @@ body > .full.height::first-line,
.repository .header-wrapper .tabs.container .menu.navbar .item { .repository .header-wrapper .tabs.container .menu.navbar .item {
color: #d7d7e1; color: #d7d7e1;
transition: color .2s; transition: color .2s;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .header-wrapper .tabs.container .menu.navbar .item:hover { .repository .header-wrapper .tabs.container .menu.navbar .item:hover {
color: white; } color: white; }
.repository .header-wrapper .tabs.container .menu.navbar .item.active { .repository .header-wrapper .tabs.container .menu.navbar .item.active {
@ -125,6 +125,8 @@ body > .full.height::first-line,
color: #f5f5ff; } color: #f5f5ff; }
.repository .header-wrapper .tabs.container .menu.navbar .item.active span.label { .repository .header-wrapper .tabs.container .menu.navbar .item.active span.label {
background: #32324b; } background: #32324b; }
.repository .header-wrapper .tabs.container .menu.navbar .item svg {
display: none; }
.repository .header-wrapper .tabs.container .menu.navbar .item span.label { .repository .header-wrapper .tabs.container .menu.navbar .item span.label {
background: #3c3c5a; } background: #3c3c5a; }
@ -153,13 +155,15 @@ body > .full.height::first-line,
height: initial; height: initial;
overflow: auto; } overflow: auto; }
.repository .container .repository-summary .repository-menu { .repository .container .repository-summary .repository-menu {
background: #32324b; } background: #3c3c5a !important; }
.repository .container .repository-summary .repository-menu .item a { .repository .container .repository-summary .repository-menu .item a {
color: #f5f5ff !important; } color: #f5f5ff !important; }
.repository .container .repository-summary .repository-menu .item a:hover { .repository .container .repository-summary .repository-menu .item a:hover {
color: white !important; } color: white !important; }
.repository .container .repository-summary .repository-menu .item a svg {
display: none; }
.repository .container .repository-summary .language-stats-details { .repository .container .repository-summary .language-stats-details {
background: #3c3c5a; background: #32324b;
padding: 0; } padding: 0; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item { .repository .container .repository-summary .language-stats-details .horizontal.list .item {
padding: 10px; padding: 10px;
@ -171,6 +175,9 @@ body > .full.height::first-line,
.repository .container .repository-summary .language-stats { .repository .container .repository-summary .language-stats {
display: none; } display: none; }
.repository .container .secondary.menu .item.choose.reference {
display: none; }
.repository .container .secondary.menu .item .blue.buttons .button { .repository .container .secondary.menu .item .blue.buttons .button {
background: #3c3c5a; background: #3c3c5a;
box-shadow: none; box-shadow: none;
@ -182,7 +189,7 @@ body > .full.height::first-line,
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh { .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
color: #f5f5ff; color: #f5f5ff;
box-shadow: none !important; box-shadow: none !important;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue), .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue),
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) { .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) {
background: #3c3c5a; } background: #3c3c5a; }
@ -198,7 +205,7 @@ body > .full.height::first-line,
background: #28283c; background: #28283c;
border: 2px solid #3c3c5a; border: 2px solid #3c3c5a;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus { .repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus {
background: #32324b; background: #32324b;
border: 2px solid #3c3c5a; border: 2px solid #3c3c5a;
@ -273,7 +280,7 @@ body > .full.height::first-line,
background: #32324b; background: #32324b;
border: 0; border: 0;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository .container .non-diff-file-content .table { .repository .container .non-diff-file-content .table {
background: #1e1e2d; background: #1e1e2d;
border: 0; border: 0;
@ -282,19 +289,21 @@ body > .full.height::first-line,
/* repository: releases */ /* repository: releases */
.repository.release .container .header { .repository.release .container .header {
background: transparent; background: transparent;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.release .container #release-list { .repository.release .container #release-list {
border-top: 1px solid #3c3c5a; } border-top: 1px solid #3c3c5a; }
/* repository: activity */ /* repository: activity */
.repository.commits .container h2.header { .repository.commits .container h2.header {
font-family: monospace, 'Lucida Console', 'Monaco' !important; font-family: monospace, "Lucida Console", "Monaco";
background: transparent; } background: transparent; }
.repository.commits .container h2.header .filter:hover .menu {
display: block; }
.repository.commits .container h2.header .filter .button { .repository.commits .container h2.header .filter .button {
background: #3c3c5a; background: #3c3c5a;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.commits .container h2.header .filter .button:hover { .repository.commits .container h2.header .filter .button:hover {
background: #32324b; } background: #32324b; }
.repository.commits .container h2.header .filter .menu { .repository.commits .container h2.header .filter .menu {
@ -307,28 +316,33 @@ body > .full.height::first-line,
background: #32324b; } background: #32324b; }
.repository.commits .container .segment { .repository.commits .container .segment {
background: #1e1e2d;
border: 0; } border: 0; }
.repository.commits .container .segment .text { .repository.commits .container .segment .text {
background: #1e1e2d; } background: #1e1e2d; }
.repository.commits .container .segment h4.header {
background: #1e1e2d; }
.repository.commits .container .segment #app {
display: none; }
/* repository: commits */ /* repository: commits */
.repository.commits .secondary.menu { .repository.commits .container .secondary.menu .item .button {
margin-left: -15px; }
.repository.commits .secondary.menu .item .button {
background: #3c3c5a; background: #3c3c5a;
color: #f5f5ff; } color: #f5f5ff; }
.repository.commits .secondary.menu .item .button:hover { .repository.commits .container .secondary.menu .item .button:hover {
background: #32324b; } background: #32324b; }
.repository.commits .container .secondary.menu .item .button .text {
display: none; }
.repository.commits .header form .search.input input { .repository.commits .container .header form .search.input input {
background: #28283c; background: #28283c;
border: 0; border: 0;
color: #f5f5ff; } color: #f5f5ff; }
.repository.commits .header form .search.input input:focus { .repository.commits .container .header form .search.input input:focus {
background: #32324b; background: #32324b;
color: white; } color: white; }
.repository.commits .header form .checkbox label { .repository.commits .container .header form .checkbox label {
color: #f5f5ff; } color: #f5f5ff; }
/* repository: branches */ /* repository: branches */
@ -452,7 +466,7 @@ body > .full.height::first-line,
background: #464669; background: #464669;
box-shadow: none; box-shadow: none;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover { .repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover {
background: #3c3c5a; } background: #3c3c5a; }
@ -547,7 +561,7 @@ body > .full.height::first-line,
overflow-y: hidden; } overflow-y: hidden; }
.user .container .grid .secondary.menu .item { .user .container .grid .secondary.menu .item {
color: #d7d7e1; color: #d7d7e1;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.user .container .grid .secondary.menu .item:hover { .user .container .grid .secondary.menu .item:hover {
color: white; } color: white; }
.user .container .grid .secondary.menu .item.active { .user .container .grid .secondary.menu .item.active {
@ -586,7 +600,7 @@ body > .full.height::first-line,
border-top: 1px solid #3c3c5a; } border-top: 1px solid #3c3c5a; }
.user .container .grid .repository.list .item .header a.name { .user .container .grid .repository.list .item .header a.name {
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, "Lucida Console", "Monaco"; }
.user .container .grid .repository.list .item .header a.name i.archive.icon { .user .container .grid .repository.list .item .header a.name i.archive.icon {
color: #d7d7e1 !important; } color: #d7d7e1 !important; }

2
source/partials/_main.scss
View file

@ -10,7 +10,7 @@
body { body {
background: rgb(40, 40, 60); background: rgb(40, 40, 60);
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@include font-family(); font-family: $font-family;
} }
a { a {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);

2
source/partials/_nav.scss
View file

@ -3,7 +3,7 @@
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 1em;
min-height: 64px; min-height: 64px;
@include font-family(); font-family: $font-family;
#navbar { #navbar {
width: 1127px ; width: 1127px ;
padding: 0; padding: 0;

62
source/partials/repository.scss
View file

@ -28,7 +28,7 @@
box-shadow: none; box-shadow: none;
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
transition: background .2s, color .2s; transition: background .2s, color .2s;
@include font-family(); font-family: $font-family;
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
@ -52,7 +52,7 @@
.item { .item {
color: rgb(215, 215, 225); color: rgb(215, 215, 225);
transition: color .2s; transition: color .2s;
@include font-family(); font-family: $font-family;
&:hover { &:hover {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
@ -64,6 +64,11 @@
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
} }
svg {
@if $nojavascript == true {
display: none;
}
}
span.label { span.label {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
} }
@ -108,19 +113,24 @@
overflow: auto; overflow: auto;
} }
.repository-menu { .repository-menu {
background: rgb(50, 50, 75); background: rgb(60, 60, 90) !important;
.item { .item {
a { a {
color: rgb(245, 245, 255) !important; color: rgb(245, 245, 255) !important;
&:hover { &:hover {
color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;
} }
svg {
@if $nojavascript == true {
display: none;
}
}
} }
} }
} }
.language-stats-details { .language-stats-details {
@if $nojavascript == true { @if $nojavascript == true {
background: rgb(60, 60, 90); background: rgb(50, 50, 75);
padding: 0; padding: 0;
} }
.horizontal.list { .horizontal.list {
@ -150,6 +160,11 @@
} }
.secondary.menu { .secondary.menu {
.item { .item {
&.choose.reference {
@if $nojavascript == true {
display: none;
}
}
.blue.buttons { .blue.buttons {
.button { .button {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
@ -165,7 +180,7 @@
#repo-clone-ssh { #repo-clone-ssh {
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
box-shadow: none !important; box-shadow: none !important;
@include font-family(); font-family: $font-family;
&:not(.blue) { &:not(.blue) {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
&:hover { &:hover {
@ -181,7 +196,7 @@
background: rgb(40, 40, 60); background: rgb(40, 40, 60);
border: 2px solid rgb(60, 60, 90); border: 2px solid rgb(60, 60, 90);
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@include font-family(); font-family: $font-family;
&:focus { &:focus {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
border: 2px solid rgb(60, 60, 90); border: 2px solid rgb(60, 60, 90);
@ -293,7 +308,7 @@
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
border: 0; border: 0;
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@include font-family(); font-family: $font-family;
} }
.table { .table {
background: rgb(30, 30, 45); background: rgb(30, 30, 45);
@ -310,7 +325,7 @@
.container { .container {
.header { .header {
background: transparent; background: transparent;
@include font-family(); font-family: $font-family;
} }
#release-list { #release-list {
border-top: 1px solid rgb(60, 60, 90); border-top: 1px solid rgb(60, 60, 90);
@ -323,13 +338,20 @@
.repository.commits { .repository.commits {
.container { .container {
h2.header { h2.header {
@include font-family(); font-family: $font-family;
background: transparent; background: transparent;
.filter { .filter {
&:hover {
.menu {
@if $nojavascript == true {
display: block;
}
}
}
.button { .button {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@include font-family(); font-family: $font-family;
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
@ -348,10 +370,19 @@
} }
} }
.segment { .segment {
background: rgb(30, 30, 45);
border: 0; border: 0;
.text { .text {
background: rgb(30, 30, 45); background: rgb(30, 30, 45);
} }
h4.header { // »There has not been any commit activity in this period.«
background: rgb(30, 30, 45);
}
#app {
@if $nojavascript == true {
display: none;
}
}
} }
} }
} }
@ -359,8 +390,11 @@
/* repository: commits */ /* repository: commits */
.repository.commits { .repository.commits {
.container {
.secondary.menu { .secondary.menu {
@if $nojavascript == false {
margin-left: -15px; margin-left: -15px;
}
.item { .item {
.button { .button {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
@ -368,6 +402,11 @@
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
.text {
@if $nojavascript == true {
display: none;
}
}
} }
} }
} }
@ -391,6 +430,7 @@
} }
} }
} }
}
} }
/* repository: branches */ /* repository: branches */
@ -597,7 +637,7 @@
background: rgb(70, 70, 105); background: rgb(70, 70, 105);
box-shadow: none; box-shadow: none;
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@include font-family(); font-family: $font-family;
&:hover { &:hover {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
} }

4
source/partials/user.scss
View file

@ -33,7 +33,7 @@
overflow-y: hidden; overflow-y: hidden;
.item { .item {
color: rgb(215, 215, 225); color: rgb(215, 215, 225);
@include font-family(); font-family: $font-family;
&:hover { &:hover {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
@ -96,7 +96,7 @@
} }
.header { .header {
a.name { a.name {
@include font-family(); font-family: $font-family;
i.archive.icon { i.archive.icon {
color: rgb(215, 215, 225) !important; color: rgb(215, 215, 225) !important;
} }

12
source/theme-gitea-vrifox-backend.scss
View file

@ -2,10 +2,6 @@
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ /* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
/* ------------------------------------------------ */ /* ------------------------------------------------ */
@mixin font-family() {
font-family: monospace, 'Lucida Console', 'Monaco' !important;
}
// //
// Settings // Settings
// //
@ -13,8 +9,14 @@
$singleuser: false; // disables functions, that are not necessary if you are the only user (or at least as »frontend«) $singleuser: false; // disables functions, that are not necessary if you are the only user (or at least as »frontend«)
$nojavascript: false; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy) $nojavascript: false; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
@import 'partials/main'; $font-family: monospace, 'Lucida Console', 'Monaco';
//
//
//
@import 'partials/main';
@import 'partials/nav'; @import 'partials/nav';

12
source/theme-gitea-vrifox-frontend.scss
View file

@ -2,10 +2,6 @@
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ /* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
/* ------------------------------------------------ */ /* ------------------------------------------------ */
@mixin font-family() {
font-family: monospace, 'Lucida Console', 'Monaco' !important;
}
// //
// Settings // Settings
// //
@ -13,8 +9,14 @@
$singleuser: true; // disables functions, that are not necessary if you are the only user (or at least as »frontend«) $singleuser: true; // disables functions, that are not necessary if you are the only user (or at least as »frontend«)
$nojavascript: true; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy) $nojavascript: true; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
@import 'partials/main'; $font-family: monospace, 'Lucida Console', 'Monaco';
//
//
//
@import 'partials/main';
@import 'partials/nav'; @import 'partials/nav';