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

modified repository-summery, nav font-size and user: secondary menu; …

Browse source
This commit is contained in:
Vrifox 2020-10-07 10:19:36 +02:00
parent 79d2b3bffe
commit e064cfd482
5 changed files with 165 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,7 +26,7 @@ body > .full.height::first-line,
.ui.main.menu { .ui.main.menu {
background: #3c3c5a; background: #3c3c5a;
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 15px;
min-height: 64px; min-height: 64px;
font-family: monospace, "Lucida Console", "Monaco"; } font-family: monospace, "Lucida Console", "Monaco"; }
.ui.main.menu #navbar { .ui.main.menu #navbar {
@ -59,7 +59,8 @@ body > .full.height::first-line,
.ui.main.menu .dropdown.item > .menu { .ui.main.menu .dropdown.item > .menu {
margin-top: 0; } margin-top: 0; }
.ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu { .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu {
border: 0; } border: 0;
z-index: 110; }
.ui.main.menu .dropdown.item:hover, .ui.main.menu .dropdown.item:hover,
.ui.main.menu .link.item:hover, .ui.main.menu .link.item:hover,
.ui.main.menu .active.item:hover, .ui.main.menu .active.item:hover,
@ -148,13 +149,33 @@ 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: #3c3c5a !important; } background: #3c3c5a !important;
.repository .container .repository-summary .repository-menu .item a { border-radius: 5px;
color: #f5f5ff !important; } padding: 0; }
.repository .container .repository-summary .repository-menu .item a:hover { .repository .container .repository-summary .repository-menu .item {
color: white !important; } border-bottom: 2px solid transparent;
.repository .container .repository-summary .language-stats-details .horizontal.list .item { border-radius: 0 !important;
padding: 10px; } border-top: 2px solid transparent;
margin: 0;
padding: 0;
transition: background .2s; }
.repository .container .repository-summary .repository-menu .item:hover {
background: #32324b; }
.repository .container .repository-summary .repository-menu .item.active {
background: initial;
border-bottom: 2px solid white; }
.repository .container .repository-summary .repository-menu .item.active:hover {
background: #32324b; }
.repository .container .repository-summary .repository-menu .item a {
color: #f5f5ff !important;
display: block;
padding: 8px; }
.repository .container .repository-summary .language-stats-details {
background: #32324b; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item span {
color: #f5f5ff; }
.repository .container .repository-summary .language-stats {
background: #3c3c5a; }
.repository .container .secondary.menu .item .blue.buttons .button { .repository .container .secondary.menu .item .blue.buttons .button {
background: #3c3c5a; background: #3c3c5a;
@ -640,21 +661,24 @@ body > .full.height::first-line,
.user .container .grid .secondary.pointing.menu { .user .container .grid .secondary.pointing.menu {
background: #464669; background: #464669;
border: 0; border: 0;
border-radius: 0 0 5px 5px; border-radius: 5px 5px 0 0;
border-top: 15px solid #464669;
margin-top: -15px; margin-top: -15px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
padding: 0 20px 2px 20px; padding: 0 20px;
position: sticky; position: sticky;
top: -5px; scrollbar-color: #d7d7e1 #464669;
top: 0;
transform: rotateX(180deg);
z-index: 100; } z-index: 100; }
.user .container .grid .secondary.pointing.menu .item { .user .container .grid .secondary.pointing.menu .item {
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, "Lucida Console", "Monaco"; font-family: monospace, "Lucida Console", "Monaco";
transform: background .2s, color .2s; } margin-bottom: 10px;
transform: rotateX(180deg);
transition: background .2s, color .2s; }
.user .container .grid .secondary.pointing.menu .item:hover { .user .container .grid .secondary.pointing.menu .item:hover {
background: #3c3c5a; background: #3c3c5a;
color: white; } color: white; }

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

@ -27,7 +27,7 @@ body > .full.height::first-line,
.ui.main.menu { .ui.main.menu {
background: #3c3c5a; background: #3c3c5a;
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 15px;
min-height: 64px; min-height: 64px;
font-family: monospace, "Lucida Console", "Monaco"; } font-family: monospace, "Lucida Console", "Monaco"; }
.ui.main.menu #navbar { .ui.main.menu #navbar {
@ -64,7 +64,8 @@ body > .full.height::first-line,
.ui.main.menu .dropdown.item > .menu { .ui.main.menu .dropdown.item > .menu {
margin-top: 0; } margin-top: 0; }
.ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu { .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu {
border: 0; } border: 0;
z-index: 110; }
.ui.main.menu .dropdown.item:hover, .ui.main.menu .dropdown.item:hover,
.ui.main.menu .link.item:hover, .ui.main.menu .link.item:hover,
.ui.main.menu .active.item:hover, .ui.main.menu .active.item:hover,
@ -159,24 +160,50 @@ 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: #3c3c5a !important; } background: #3c3c5a !important;
.repository .container .repository-summary .repository-menu .item a { border-radius: 5px;
color: #f5f5ff !important; } padding: 0; }
.repository .container .repository-summary .repository-menu .item a:hover { .repository .container .repository-summary .repository-menu .item {
color: white !important; } border-bottom: 2px solid transparent;
.repository .container .repository-summary .repository-menu .item a svg { border-radius: 0 !important;
display: none; } border-top: 2px solid transparent;
margin: 0;
padding: 0;
transition: background .2s; }
.repository .container .repository-summary .repository-menu .item:hover {
background: #32324b; }
.repository .container .repository-summary .repository-menu .item.active {
background: initial;
border-bottom: 2px solid white; }
.repository .container .repository-summary .repository-menu .item.active:hover {
background: #32324b; }
.repository .container .repository-summary .repository-menu .item a {
color: #f5f5ff !important;
display: block;
padding: 8px; }
.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: #32324b; 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; border-radius: 0;
border-radius: 0; } padding: 10px; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item:first-of-type {
border-right: 1px dashed #464669; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item .color-icon { .repository .container .repository-summary .language-stats-details .horizontal.list .item .color-icon {
display: none; } display: none; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item span { .repository .container .repository-summary .language-stats-details .horizontal.list .item span {
color: #f5f5ff; } color: #f5f5ff;
display: flex;
margin: 0 auto;
width: min-content; }
.repository .container .repository-summary .language-stats-details .horizontal.list .item span b {
font-weight: 400;
margin-left: 10px;
order: 2; }
.repository .container .repository-summary .language-stats { .repository .container .repository-summary .language-stats {
background: #3c3c5a;
display: none; } display: none; }
.repository .container .secondary.menu .item.choose.reference { .repository .container .secondary.menu .item.choose.reference {
@ -566,11 +593,22 @@ body > .full.height::first-line,
.repository.diff .container div .diff-stats.detail-files li .diff-counter .del { .repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
color: #ff8282; } color: #ff8282; }
.repository.diff .container div .diff-file-box .diff-file-header .fold-code {
display: none; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .add {
color: #64c882;
margin-right: 10px; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar { .repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
background: #ff8282; } background: #ff8282;
display: none; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add { .repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
background: #64c882; } background: #64c882; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .del {
color: #ff8282; }
.repository.diff .container div .diff-file-box .diff-file-header .file { .repository.diff .container div .diff-file-box .diff-file-header .file {
color: #f5f5ff; } color: #f5f5ff; }
@ -723,21 +761,24 @@ body > .full.height::first-line,
.user .container .grid .secondary.pointing.menu { .user .container .grid .secondary.pointing.menu {
background: #464669; background: #464669;
border: 0; border: 0;
border-radius: 0 0 5px 5px; border-radius: 5px 5px 0 0;
border-top: 15px solid #464669;
margin-top: -15px; margin-top: -15px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
padding: 0 20px 2px 20px; padding: 0 20px;
position: sticky; position: sticky;
top: -5px; scrollbar-color: #d7d7e1 #464669;
top: 0;
transform: rotateX(180deg);
z-index: 100; } z-index: 100; }
.user .container .grid .secondary.pointing.menu .item { .user .container .grid .secondary.pointing.menu .item {
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
color: #f5f5ff; color: #f5f5ff;
font-family: monospace, "Lucida Console", "Monaco"; font-family: monospace, "Lucida Console", "Monaco";
transform: background .2s, color .2s; } margin-bottom: 10px;
transform: rotateX(180deg);
transition: background .2s, color .2s; }
.user .container .grid .secondary.pointing.menu .item:hover { .user .container .grid .secondary.pointing.menu .item:hover {
background: #3c3c5a; background: #3c3c5a;
color: white; } color: white; }

3
source/partials/_nav.scss
View file

@ -1,7 +1,7 @@
.ui.main.menu { .ui.main.menu {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
border-bottom: 0; border-bottom: 0;
font-size: 1em; font-size: 15px;
min-height: 64px; min-height: 64px;
font-family: $font-family; font-family: $font-family;
#navbar { #navbar {
@ -58,6 +58,7 @@
.dropdown.item > .menu, .dropdown.item > .menu,
&.text.menu .dropdown.item > .menu { &.text.menu .dropdown.item > .menu {
border: 0; border: 0;
z-index: 110;
} }
.dropdown.item:hover, .dropdown.item:hover,
.link.item:hover, .link.item:hover,

64
source/partials/repository.scss
View file

@ -116,12 +116,29 @@
} }
.repository-menu { .repository-menu {
background: rgb(60, 60, 90) !important; background: rgb(60, 60, 90) !important;
border-radius: $border-radius;
padding: 0;
.item { .item {
border-bottom: 2px solid transparent;
border-radius: 0 !important;
border-top: 2px solid transparent;
margin: 0;
padding: 0;
transition: background .2s;
&:hover {
background: rgb(50, 50, 75);
}
&.active {
background: initial;
border-bottom: 2px solid rgb(255, 255, 255);
&:hover {
background: rgb(50, 50, 75);
}
}
a { a {
color: rgb(245, 245, 255) !important; color: rgb(245, 245, 255) !important;
&:hover { display: block;
color: rgb(255, 255, 255) !important; padding: 8px;
}
svg { svg {
@if $nojavascript == true { @if $nojavascript == true {
display: none; display: none;
@ -131,15 +148,20 @@
} }
} }
.language-stats-details { .language-stats-details {
background: rgb(50, 50, 75);
@if $nojavascript == true { @if $nojavascript == true {
background: rgb(50, 50, 75);
padding: 0; padding: 0;
} }
.horizontal.list { .horizontal.list {
.item { .item {
padding: 10px;
@if $nojavascript == true { @if $nojavascript == true {
border-radius: 0; border-radius: 0;
padding: 10px;
}
&:first-of-type {
@if $nojavascript == true {
border-right: 1px dashed rgb(70, 70, 105);
}
} }
.color-icon { .color-icon {
@if $nojavascript == true { @if $nojavascript == true {
@ -147,14 +169,25 @@
} }
} }
span { span {
color: rgb(245, 245, 255);
@if $nojavascript == true { @if $nojavascript == true {
color: rgb(245, 245, 255); display: flex;
margin: 0 auto;
width: min-content;
}
b {
@if $nojavascript == true {
font-weight: 400;
margin-left: 10px;
order: 2;
}
} }
} }
} }
} }
} }
.language-stats { .language-stats {
background: rgb(60, 60, 90);
@if $nojavascript == true { @if $nojavascript == true {
display: none; display: none;
} }
@ -802,13 +835,32 @@
} }
.diff-file-box { .diff-file-box {
.diff-file-header { .diff-file-header {
.fold-code {
@if $nojavascript == true {
display: none;
}
}
.diff-counter { .diff-counter {
.add {
@if $nojavascript == true {
color: rgb(100, 200, 130);
margin-right: 10px;
}
}
.bar { .bar {
background: rgb(255, 130, 130); background: rgb(255, 130, 130);
@if $nojavascript == true {
display: none;
}
.pull-left.add { .pull-left.add {
background: rgb(100, 200, 130); background: rgb(100, 200, 130);
} }
} }
.del {
@if $nojavascript == true {
color: rgb(255, 130, 130);
}
}
} }
.file { .file {
color: rgb(245, 245, 255); color: rgb(245, 245, 255);

13
source/partials/user.scss
View file

@ -31,21 +31,24 @@
.secondary.pointing.menu { .secondary.pointing.menu {
background: rgb(70, 70, 105); background: rgb(70, 70, 105);
border: 0; border: 0;
border-radius: 0 0 5px 5px; border-radius: 5px 5px 0 0;
border-top: 15px solid #464669;
margin-top: -15px; margin-top: -15px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
padding: 0 20px 2px 20px; padding: 0 20px;
position: sticky; position: sticky;
top: -5px; scrollbar-color: rgb(215, 215, 225) rgb(70, 70, 105);
top: 0;
transform: rotateX(180deg);
z-index: 100; z-index: 100;
.item { .item {
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
font-family: $font-family; font-family: $font-family;
transform: background .2s, color .2s; margin-bottom: 10px;
transform: rotateX(180deg);
transition: background .2s, color .2s;
&:hover { &:hover {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);