update material theme
add y-zu auto theme
This commit is contained in:
parent
423fa52bf7
commit
ef16faf928
71
app/javascript/styles/mastodon-material/plugins/plus.scss
Normal file
71
app/javascript/styles/mastodon-material/plugins/plus.scss
Normal file
@ -0,0 +1,71 @@
|
||||
$name: Plus;
|
||||
$target-version: "1.0.0";
|
||||
$website: "";
|
||||
@include version-check($name, $target-version, $website);
|
||||
|
||||
.status__action-bar-button {
|
||||
background: #eeeeee;
|
||||
width: 28px !important;
|
||||
height: 28px !important;
|
||||
|
||||
.fa { vertical-align: bottom }
|
||||
}
|
||||
|
||||
// exception
|
||||
.media-modal__overlay .picture-in-picture__footer .icon-button,
|
||||
.status__action-bar-button.icon-button--with-counter { background: transparent }
|
||||
|
||||
// favorite icon
|
||||
.star-icon.active,
|
||||
.star-icon.icon-button.active.activate,
|
||||
.notification__favourite-icon-wrapper .star-icon { background: #db4437 }
|
||||
|
||||
.notification__favourite-icon-wrapper {
|
||||
left: -34px;
|
||||
|
||||
.star-icon {
|
||||
border-radius: 50%;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
vertical-align: baseline;
|
||||
font-size: 18px;
|
||||
|
||||
&.fa-fw::before { vertical-align: middle }
|
||||
}
|
||||
}
|
||||
|
||||
// Fedibird bottom bar in mobile
|
||||
.tabs-bar.bottom-bar {
|
||||
background: #212121;
|
||||
|
||||
.tabs-bar__link {
|
||||
color: transparentize(#ffffff, 0.5);
|
||||
|
||||
&.active { color: #ffffff }
|
||||
}
|
||||
}
|
||||
|
||||
// Quote
|
||||
.quote-status {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-top: 1px solid $border-color;
|
||||
padding: 16px 16px 16px 48px;
|
||||
margin-top: 16px;
|
||||
|
||||
.detailed-status__display-avatar,
|
||||
.status__avatar {
|
||||
left: 0 !important;
|
||||
top: 16px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@if $dense {
|
||||
.quote-status {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
|
||||
.detailed-status__display-avatar,
|
||||
.status__avatar { top: 8px !important }
|
||||
}
|
||||
}
|
@ -277,9 +277,9 @@ $shadow-color-3: rgba(0,0,0,.12);
|
||||
}
|
||||
}
|
||||
|
||||
// plugin version checker
|
||||
@mixin plugin-version-check($plugin-name, $target-version, $website) {
|
||||
// version checker
|
||||
@mixin version-check($name, $target-version, $website) {
|
||||
@if $target-version != $version {
|
||||
@debug "[Info] #{$plugin-name} is made for Mastodon Material #{$target-version}. Some css elements might be broken! Check plugin website: #{$website}";
|
||||
@debug "[Info] #{$name} is made for Mastodon Material #{$target-version}. Some css elements might be broken! Check plugin website: #{$website}";
|
||||
}
|
||||
}
|
@ -53,4 +53,6 @@
|
||||
background: $card-bg-color;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: $card-radius;
|
||||
|
||||
&__text { color: $primary-text-color }
|
||||
}
|
@ -283,4 +283,4 @@ a.status-card {
|
||||
}
|
||||
}
|
||||
|
||||
.entry.h-cite.p-comment.entry-successor { border-top: 1px solid $border-color }
|
||||
.entry.h-cite.p-comment.entry-successor:first-child { border-top: 1px solid $border-color }
|
@ -66,13 +66,17 @@
|
||||
|
||||
.contact-widget {
|
||||
color: $ui-text-color;
|
||||
padding: 8px;
|
||||
|
||||
h4 { color: $ui-text-color }
|
||||
h4 {
|
||||
color: $ui-text-color;
|
||||
padding: 0 0 8px;
|
||||
}
|
||||
|
||||
.account { padding: 4px 0 8px }
|
||||
.account { padding: 8px 0 }
|
||||
|
||||
&>a {
|
||||
padding: 0 8px 4px;
|
||||
padding: 8px 0;
|
||||
color: $primary-text-color;
|
||||
}
|
||||
}
|
||||
|
2
app/javascript/styles/y-zu-auto.scss
Normal file
2
app/javascript/styles/y-zu-auto.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@use 'y-zu-dark';
|
||||
@media (prefers-color-scheme: light) { @import 'y-zu-light'; }
|
@ -1387,6 +1387,7 @@ en:
|
||||
plus: Plus
|
||||
y-zu-dark: Y-zu (Dark)
|
||||
y-zu-light: Y-zu (Light)
|
||||
y-zu-auto: Y-zu (Auto)
|
||||
time:
|
||||
formats:
|
||||
default: "%b %d, %Y, %H:%M"
|
||||
|
@ -1365,6 +1365,7 @@ ja:
|
||||
plus: Plus
|
||||
y-zu-dark: Y-zu (ダーク)
|
||||
y-zu-light: Y-zu (ライト)
|
||||
y-zu-auto: Y-zu (自動)
|
||||
time:
|
||||
formats:
|
||||
default: "%Y年%m月%d日 %H:%M"
|
||||
|
@ -14,3 +14,4 @@ mastodon-material-auto: styles/mastodon-material-auto.scss
|
||||
plus: styles/plus.scss
|
||||
y-zu-dark: styles/y-zu-dark.scss
|
||||
y-zu-light: styles/y-zu-light.scss
|
||||
y-zu-auto: styles/y-zu-auto.scss
|
||||
|
Loading…
Reference in New Issue
Block a user