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
Download patch file Download diff file Expand all files Collapse all files

2
source/partials/_main.scss
View file

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

2
source/partials/_nav.scss
View file

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

106
source/partials/repository.scss
View file

@ -28,7 +28,7 @@
box-shadow: none;
color: rgb(245, 245, 255);
transition: background .2s, color .2s;
@include font-family();
font-family: $font-family;
&:hover {
background: rgb(50, 50, 75);
color: rgb(255, 255, 255);
@ -52,7 +52,7 @@
.item {
color: rgb(215, 215, 225);
transition: color .2s;
@include font-family();
font-family: $font-family;
&:hover {
color: rgb(255, 255, 255);
}
@ -64,6 +64,11 @@
background: rgb(50, 50, 75);
}
}
svg {
@if $nojavascript == true {
display: none;
}
}
span.label {
background: rgb(60, 60, 90);
}
@ -108,19 +113,24 @@
overflow: auto;
}
.repository-menu {
background: rgb(50, 50, 75);
background: rgb(60, 60, 90) !important;
.item {
a {
color: rgb(245, 245, 255) !important;
&:hover {
color: rgb(255, 255, 255) !important;
}
svg {
@if $nojavascript == true {
display: none;
}
}
}
}
}
.language-stats-details {
@if $nojavascript == true {
background: rgb(60, 60, 90);
background: rgb(50, 50, 75);
padding: 0;
}
.horizontal.list {
@ -150,6 +160,11 @@
}
.secondary.menu {
.item {
&.choose.reference {
@if $nojavascript == true {
display: none;
}
}
.blue.buttons {
.button {
background: rgb(60, 60, 90);
@ -165,7 +180,7 @@
#repo-clone-ssh {
color: rgb(245, 245, 255);
box-shadow: none !important;
@include font-family();
font-family: $font-family;
&:not(.blue) {
background: rgb(60, 60, 90);
&:hover {
@ -181,7 +196,7 @@
background: rgb(40, 40, 60);
border: 2px solid rgb(60, 60, 90);
color: rgb(245, 245, 255);
@include font-family();
font-family: $font-family;
&:focus {
background: rgb(50, 50, 75);
border: 2px solid rgb(60, 60, 90);
@ -293,7 +308,7 @@
background: rgb(50, 50, 75);
border: 0;
color: rgb(245, 245, 255);
@include font-family();
font-family: $font-family;
}
.table {
background: rgb(30, 30, 45);
@ -310,7 +325,7 @@
.container {
.header {
background: transparent;
@include font-family();
font-family: $font-family;
}
#release-list {
border-top: 1px solid rgb(60, 60, 90);
@ -323,13 +338,20 @@
.repository.commits {
.container {
h2.header {
@include font-family();
font-family: $font-family;
background: transparent;
.filter {
&:hover {
.menu {
@if $nojavascript == true {
display: block;
}
}
}
.button {
background: rgb(60, 60, 90);
color: rgb(245, 245, 255);
@include font-family();
font-family: $font-family;
&:hover {
background: rgb(50, 50, 75);
}
@ -348,10 +370,19 @@
}
}
.segment {
background: rgb(30, 30, 45);
border: 0;
.text {
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,34 +390,43 @@
/* 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);
}
.container {
.secondary.menu {
@if $nojavascript == false {
margin-left: -15px;
}
}
}
.header {
form {
.search.input {
input {
background: rgb(40, 40, 60);
border: 0;
.item {
.button {
background: rgb(60, 60, 90);
color: rgb(245, 245, 255);
&:focus {
&:hover {
background: rgb(50, 50, 75);
color: rgb(255, 255, 255);
}
.text {
@if $nojavascript == true {
display: none;
}
}
}
}
.checkbox {
label {
color: rgb(245, 245, 255);
}
.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);
}
}
}
}
@ -597,7 +637,7 @@
background: rgb(70, 70, 105);
box-shadow: none;
color: rgb(245, 245, 255);
@include font-family();
font-family: $font-family;
&:hover {
background: rgb(60, 60, 90);
}

4
source/partials/user.scss
View file

@ -33,7 +33,7 @@
overflow-y: hidden;
.item {
color: rgb(215, 215, 225);
@include font-family();
font-family: $font-family;
&:hover {
color: rgb(255, 255, 255);
}
@ -96,7 +96,7 @@
}
.header {
a.name {
@include font-family();
font-family: $font-family;
i.archive.icon {
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 */
/* ------------------------------------------------ */
@mixin font-family() {
font-family: monospace, 'Lucida Console', 'Monaco' !important;
}
//
// Settings
//
@ -13,8 +9,14 @@
$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)
@import 'partials/main';
$font-family: monospace, 'Lucida Console', 'Monaco';
//
//
//
@import 'partials/main';
@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 */
/* ------------------------------------------------ */
@mixin font-family() {
font-family: monospace, 'Lucida Console', 'Monaco' !important;
}
//
// Settings
//
@ -13,8 +9,14 @@
$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)
@import 'partials/main';
$font-family: monospace, 'Lucida Console', 'Monaco';
//
//
//
@import 'partials/main';
@import 'partials/nav';