nightpool
/
mastodon
forked from cybrespace/mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Cybre light for 2.5.0

This commit is contained in:
Andrew 2018-09-11 22:19:04 -07:00
parent c4afbbee03
commit fa257e2522
1 changed files with 55 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
app/javascript/styles/cybre-light.scss
View File

@ -505,12 +505,14 @@ button.icon-button {
flex: 0 0.5 auto; flex: 0 0.5 auto;
} }
.column-link { .getting-started {
.column-link {
background: lighten($ui-primary-color, 5%); background: lighten($ui-primary-color, 5%);
color:$white; color:$white;
&:hover { &:hover {
background: lighten($ui-primary-color, 10%); background: lighten($ui-primary-color, 10%);
} }
}
} }
.column-link__badge { .column-link__badge {
background: saturate(darken($ui-primary-color, 5%), 5%); background: saturate(darken($ui-primary-color, 5%), 5%);
@ -553,8 +555,8 @@ button.icon-button {
.dropdown-menu__item { .dropdown-menu__item {
& > a { & > a {
color: $primary-text-color; color: $primary-text-color;
&:hover { &:hover, &:active, &:focus {
color: $ui-base-color; color: $white;
} }
} }
} }
@ -661,6 +663,10 @@ button.icon-button {
background:$ui-base-alt; background:$ui-base-alt;
} }
.search__icon .fa {
color: $ui-highlight-color;
}
.drawer__pager { .drawer__pager {
overflow-y:auto; overflow-y:auto;
} }
@ -682,6 +688,13 @@ button.icon-button {
&.button-alternative { &.button-alternative {
color: $ui-base-color; color: $ui-base-color;
} }
&.logo-button {
color: $white;
svg path:first-child {
fill: $white;
}
}
} }
.simple_form { .simple_form {
@ -907,3 +920,38 @@ button.icon-button {
background-color: lighten($ui-highlight-color, 4%); background-color: lighten($ui-highlight-color, 4%);
} }
} }
.public-layout .header {
background: $ui-highlight-color;
color: $white;
}
.public-layout .public-account-header__tabs__name h1 {
color: $white;
small {
color: $white;
}
}
.public-layout .header .brand:hover,
.public-layout .header .brand:focus,
.public-layout .header .brand:active {
background: lighten($ui-highlight-color, 5%);
}
.public-layout .container:last-child {
background:$ui-highlight-color;
padding-left: 100px;
padding-right: 100px;
border-radius: 4px;
h4 {
color: white;
}
}
.modal-layout, .modal-layout__mastodon > * {
background: none;
}
.dashboard__widgets a:not(.name-tag) {
color: $primary-text-color;
}