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

closes #13

Browse source
This commit is contained in:
Vrifox 2020-10-30 22:54:19 +01:00
parent 2565e1424c
commit 2f99e9a656
3 changed files with 126 additions and 100 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
scss/import/dashboard.scss
View file

@ -5,38 +5,7 @@
.dashboard-navbar { .dashboard-navbar {
.secondary.menu { .secondary.menu {
.item { .item {
.dropdown { @include dropdown-floating;
&:hover {
.context.user.menu {
display: none;
}
}
.text {
color: $white;
}
.context.user.menu {
background: $bg50;
.header {
color: $white;
}
.scrolling.menu.items {
border: 0;
}
.item {
border-radius: 0;
color: $white !important;
&:hover {
background: $bg40;
}
&.active {
background: $bg40 !important;
&:hover {
background: $bg30 !important;
}
}
}
}
}
} }
} }
} }
@ -203,10 +172,14 @@
} }
} }
.column.twelve { .column.twelve {
.column.three {
.column { .column {
@include open-closed-buttons; @include open-closed-buttons;
@include search-issues; @include search-issues;
} @include dropdown;
}
}
@include issue-list;
} }
} }
} }

105
scss/import/include.scss
View file

@ -79,6 +79,7 @@
@mixin open-closed-buttons { @mixin open-closed-buttons {
.basic.button { .basic.button {
font-family: $font-family;
&:not(.active) { &:not(.active) {
background: $bg60; background: $bg60;
color: $white; color: $white;
@ -117,6 +118,7 @@
background: $bg40; background: $bg40;
border: 2px solid $bg60; border: 2px solid $bg60;
color: $white; color: $white;
font-family: $font-family;
&:focus { &:focus {
background: $bg50; background: $bg50;
border: 2px solid $bg60; border: 2px solid $bg60;
@ -126,6 +128,7 @@
.button { .button {
background: $bg60; background: $bg60;
border: 0; border: 0;
font-family: $font-family;
&:hover { &:hover {
background: $bg50; background: $bg50;
} }
@ -133,3 +136,105 @@
} }
} }
} }
@mixin issue-list {
.issue.list {
.item {
border-bottom: 1px dashed $bg70;
.label {
background: $white;
color: $bg60;
}
.title {
border-bottom: 1px solid transparent;
color: $white;
transition: border .2s, color .2s;
&:hover {
border-bottom: 1px solid $red;
color: $red;
}
}
.desc {
color: $white-dark;
a.milestone {
color: $white !important;
&:hover {
color: $red !important;
}
}
}
}
}
}
@mixin dropdown {
.dropdown {
background: $bg60;
border-radius: $border-radius;
color: $white;
padding: 10px 0 10px 13px;
&:first-of-type {
margin-left: auto;
}
&:hover {
background: $bg50;
.menu {
@if $nojavascript == true {
display: block;
}
}
}
span.text {
i.dropdown.icon {
padding: 0;
}
}
.menu {
background: $bg60;
border: 1px solid $bg50;
box-shadow: none;
margin-top: 0;
.item {
color: $white !important;
&:hover {
background: $bg50;
}
}
}
}
}
@mixin dropdown-floating {
.dropdown.floating {
&:hover {
.context.user.menu {
display: none;
}
}
.text {
color: $white;
}
.context.user.menu {
background: $bg50;
.header {
color: $white;
}
.scrolling.menu.items {
border: 0;
}
.item {
border-radius: 0;
color: $white !important;
&:hover {
background: $bg40;
}
&.active {
background: $bg40 !important;
&:hover {
background: $bg30 !important;
}
}
}
}
}
}

58
scss/import/repository.scss
View file

@ -411,21 +411,8 @@
.column { .column {
@include open-closed-buttons; @include open-closed-buttons;
.filter.menu { .filter.menu {
.item { @include dropdown;
background: $bg60; .dropdown.label-filter {
color: $white;
&:first-of-type {
margin-left: auto;
}
&:hover {
background: $bg50;
.menu {
@if $nojavascript == true {
display: block;
}
}
}
&.label-filter {
.menu { .menu {
.info { .info {
@if $nojavascript == true { @if $nojavascript == true {
@ -446,49 +433,10 @@
} }
} }
} }
.menu {
background: $bg60;
border: 1px solid $bg50;
box-shadow: none;
margin-top: 0;
.item {
color: $white !important;
&:hover {
background: $bg50;
}
}
}
}
}
}
}
.issue.list {
.item {
border-bottom: 1px dashed $bg70;
.label {
background: $white;
color: $bg60;
}
.title {
border-bottom: 1px solid transparent;
color: $white;
transition: border .2s, color .2s;
&:hover {
border-bottom: 1px solid $red;
color: $red;
}
}
.desc {
color: $white-dark;
a.milestone {
color: $white !important;
&:hover {
color: $red !important;
}
}
} }
} }
} }
@include issue-list;
} }
} }