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

update

Browse source
This commit is contained in:
Vrifox 2020-10-30 16:01:19 +01:00
parent 1b658bb904
commit 74a3c54e87
1 changed files with 158 additions and 137 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

295
scss/import/user.scss
View file

@ -4,145 +4,159 @@
.user {
.container {
.grid {
.card {
background: $bg50;
box-shadow: none;
color: $white;
position: sticky;
top: 20px;
.content {
.header {
color: $white;
}
}
.extra.content {
ul {
color: $white;
li:not(:last-child) {
border-bottom: 1px solid $bg60;
}
a {
color: $white-light;
&:hover {
color: $red;
}
}
}
}
}
.secondary.pointing.menu {
background: $bg70;
border: 0;
border-radius: 5px 5px 0 0;
margin-top: -15px;
overflow-x: auto;
overflow-y: hidden;
padding: 0 20px;
scrollbar-color: $white-dark $bg70;
top: 0;
transform: rotateX(180deg);
z-index: 100;
.item {
border-bottom: 2px solid transparent;
border-radius: 5px 5px 0 0;
.five.column {
.card {
background: $bg50;
box-shadow: none;
color: $white;
font-family: $font-family;
margin-bottom: 10px;
transform: rotateX(180deg);
transition: background .2s, color .2s;
&:hover {
background: $bg60;
color: $white-light;
}
&.active {
border-bottom: 2px solid $white;
color: $white;
&:hover {
color: $white-light;
position: sticky;
top: 20px;
.content {
.header {
color: $white;
}
}
@if $nojavascript == true {
svg {
display: none;
}
}
.label {
background: $white;
color: $bg70;
}
@if $singleuser == true {
&[href*="stars"],
&[href*="following"],
&[href*="followers"] {
display: none;
}
}
}
}
@if $nojavascript == true {
.filter.menu {
display: none;
}
}
form.form {
.input {
input {
background: $bg40;
border: 2px solid $bg60;
color: $white;
&:focus {
background: $bg50;
border: 2px solid $bg60;
color: $white-light;
}
}
.button {
background: $bg60;
border: 0;
&:hover {
background: $bg50;
}
}
}
}
.divider {
border-bottom: 1px solid $bg60;
}
.repository.list {
.item {
&:not(:first-child) {
border-top: 1px solid $bg60;
}
.header {
a.name {
font-family: $font-family;
i.archive.icon {
color: $white-dark !important;
.extra.content {
ul.text.black {
color: $white;
li {
@if $nojavascript == true {
padding: 10px 20px;
}
&:not(:last-child) {
border-bottom: 1px solid $bg60;
}
svg {
@if $nojavascript == true {
display: none;
}
}
}
a {
color: $white-light;
&:hover {
color: $red;
}
}
}
.metas {
@if $singleuser == true {
}
}
}
.eleven.column {
.secondary.pointing.menu {
background: $bg70;
border: 0;
border-radius: 5px 5px 0 0;
margin-top: -15px;
overflow-x: auto;
overflow-y: hidden;
padding: 0 20px;
scrollbar-color: $white-dark $bg70;
top: 0;
transform: rotateX(180deg);
z-index: 100;
.item {
border-bottom: 2px solid transparent;
border-radius: 5px 5px 0 0;
color: $white;
font-family: $font-family;
margin-bottom: 10px;
transform: rotateX(180deg);
transition: background .2s, color .2s;
&:hover {
background: $bg60;
color: $white-light;
}
&.active {
border-bottom: 2px solid $white;
color: $white;
&:hover {
color: $white-light;
}
}
@if $nojavascript == true {
svg {
display: none;
}
span {
color: $white-dark !important;
}
.label {
background: $white;
color: $bg70;
}
@if $singleuser == true {
&[href*="stars"],
&[href*="following"],
&[href*="followers"] {
display: none;
}
}
}
.description {
p {
}
@if $nojavascript == true {
.filter.menu {
display: none;
}
}
form.form {
.input {
input {
background: $bg40;
border: 2px solid $bg60;
color: $white;
&.time {
color: $white-dark;
&:focus {
background: $bg50;
border: 2px solid $bg60;
color: $white-light;
}
}
.tags {
a .label {
background: $bg60;
.button {
background: $bg60;
border: 0;
&:hover {
background: $bg50;
}
}
}
}
.divider {
border-bottom: 1px solid $bg60;
}
.repository.list {
.item {
&:not(:first-child) {
border-top: 1px solid $bg60;
}
.header {
a.name {
font-family: $font-family;
i.archive.icon {
color: $white-dark !important;
}
}
.metas {
@if $singleuser == true {
display: none;
}
span {
color: $white-dark !important;
}
}
}
.description {
p {
color: $white;
&:hover {
background: $bg70;
color: $white-light;
&.time {
color: $white-dark;
}
}
.tags {
a .label {
background: $bg60;
color: $white;
&:hover {
background: $bg70;
color: $white-light;
}
}
}
}
@ -158,20 +172,27 @@
.user.profile {
.container {
.grid {
.feeds {
.news {
.content {
span {
color: $white-dark !important;
}
.eleven.column {
#user-heatmap {
@if $nojavascript == true {
display: none;
}
p.grey {
span {
color: $white-dark;
}
.feeds {
.news {
.content {
span {
color: $white-dark !important;
}
}
p.grey {
span {
color: $white-dark;
}
}
.svg {
fill: $white-dark;
}
}
.svg {
fill: $white-dark;
}
}
}