vrifox/gitea-theme
Archived
1
0
Fork 0
This commit is contained in:
Vrifox 2020-10-30 21:28:13 +01:00
parent 987203c9d8
commit 2565e1424c
3 changed files with 128 additions and 133 deletions

View file

@ -1,4 +1,7 @@
.dashboard.feeds {
/* dashboard: main */
.dashboard {
.dashboard-navbar { .dashboard-navbar {
.secondary.menu { .secondary.menu {
.item { .item {
@ -41,6 +44,11 @@
border: 0 !important; border: 0 !important;
border-top: 1px solid $bg60 !important; border-top: 1px solid $bg60 !important;
} }
}
/* dashboard: feeds */
.dashboard.feeds {
.container { .container {
.grid { .grid {
.column.ten { .column.ten {
@ -172,3 +180,34 @@
} }
} }
} }
/* dashboard: issues */
.dashboard.issues {
.container {
.grid {
.column.four {
.filter.menu {
a.item {
color: $white;
&.button.blue {
background: $bg60;
box-shadow: none !important;
color: $white-light !important;
}
.label {
background: $white;
color: $bg60;
}
}
}
}
.column.twelve {
.column {
@include open-closed-buttons;
@include search-issues;
}
}
}
}
}

View file

@ -52,3 +52,84 @@
fill: $red !important; fill: $red !important;
} }
} }
@mixin label-milestone-menu {
.left.small.menu {
background: transparent;
border: 0;
.item {
background: $bg60;
color: $white;
font-family: $font-family;
&:first-child {
border-radius: $border-radius 0 0 $border-radius;
}
&:hover {
background: $bg50;
}
&:last-child {
border-radius: 0 $border-radius $border-radius 0;
}
&.active {
background: $bg50;
}
}
}
}
@mixin open-closed-buttons {
.basic.button {
&:not(.active) {
background: $bg60;
color: $white;
&:hover {
background: $bg50;
}
}
&.green {
background: $green;
box-shadow: none;
color: $white-light;
&:hover {
background: $green-dark;
}
}
&.red {
background: $red;
box-shadow: none;
color: $white-light;
&:hover {
background: $red-dark;
}
}
.svg {
@if $nojavascript == true {
display: none;
}
}
}
}
@mixin search-issues {
form.form {
.input {
input {
background: $bg40;
border: 2px solid $bg60;
color: $white;
&:focus {
background: $bg50;
border: 2px solid $bg60;
color: $white;
}
}
.button {
background: $bg60;
border: 0;
&:hover {
background: $bg50;
}
}
}
}
}

View file

@ -386,44 +386,8 @@
.container { .container {
.grid { .grid {
.column { .column {
.left.small.menu { @include label-milestone-menu;
background: transparent; @include search-issues;
border: 0;
.item {
background: $bg60;
color: $white;
&:first-child {
border-radius: $border-radius 0 0 $border-radius;
}
&:hover {
background: $bg50;
}
&:last-child {
border-radius: 0 $border-radius $border-radius 0;
}
}
}
form.form {
.input {
input {
background: $bg40;
border: 2px solid $bg60;
color: $white;
&:focus {
background: $bg50;
border: 2px solid $bg60;
color: $white;
}
}
.button {
background: $bg60;
border: 0;
&:hover {
background: $bg50;
}
}
}
}
.green.button { .green.button {
background: $green; background: $green;
box-shadow: none; box-shadow: none;
@ -445,28 +409,7 @@
} }
.grid { .grid {
.column { .column {
.basic.button { @include open-closed-buttons;
&:not(.active) {
background: $bg60;
color: $white;
&:hover {
background: $bg50;
}
}
&.red {
background: $red;
box-shadow: none;
color: $white;
&:hover {
background: $red-dark;
}
}
.svg {
@if $nojavascript == true {
display: none;
}
}
}
.filter.menu { .filter.menu {
.item { .item {
background: $bg60; background: $bg60;
@ -554,27 +497,7 @@
.repository.labels { .repository.labels {
.container { .container {
.navbar { .navbar {
.left.small.menu { @include label-milestone-menu;
background: transparent;
border: 0;
.item {
background: $bg60;
color: $white;
font-family: "Lucida Console", monospace;
&:first-child {
border-radius: $border-radius 0 0 $border-radius;
}
&:hover {
background: $bg50;
}
&:last-child {
border-radius: 0 $border-radius $border-radius 0;
}
&.active {
background: $bg50;
}
}
}
.right { .right {
.green.new-label.button { .green.new-label.button {
background: $green; background: $green;
@ -666,60 +589,12 @@
.repository.milestones { .repository.milestones {
.container { .container {
.navbar { .navbar {
.left.small.menu { @include label-milestone-menu;
background: transparent;
border: 0;
.item {
background: $bg60;
color: $white;
&:first-child {
border-radius: $border-radius 0 0 $border-radius;
}
&:hover {
background: $bg50;
}
&:last-child {
border-radius: 0 $border-radius $border-radius 0;
}
&.active {
background: $bg50;
}
}
}
} }
.divider { .divider {
border-top: 1px solid $bg60; border-top: 1px solid $bg60;
} }
.basic.button { @include open-closed-buttons;
&:not(.active) {
background: $bg60;
color: $white;
&:hover {
background: $bg50;
}
}
&.green {
background: $green;
box-shadow: none;
color: $white-light;
&:hover {
background: $green-dark;
}
}
&.red {
background: $red;
box-shadow: none;
color: $white-light;
&:hover {
background: $red-dark;
}
}
.svg {
@if $nojavascript == true {
display: none;
}
}
}
.filter.menu { .filter.menu {
.item { .item {
background: $bg60; background: $bg60;