{{ item.text }}
@@ -92,11 +92,13 @@ SPDX-FileCopyrightText: syuilo and misskey-project , Type4ny-projectSPDX-License
@@ -357,10 +359,32 @@ onBeforeUnmount(() => {
&:not(:disabled):hover {
color: var(--accent);
text-decoration: none;
+ &:before {
+ background: var(--accentedBg);
+ }
+ &.gamingDark{
+ color:black !important;
+ }
+ &.gamingLight{
+ color:white !important;
+ }
+ &.gamingDark:before{
+ color:black !important;
+ background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd); background-size: 1800% 1800%;
+ -webkit-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ -moz-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+
+ }
+ &.gamingLight:before{
+ color:white !important;
+ background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4); background-size: 1800% 1800% !important;
+ -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ -moz-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+
+ }
- &:before {
- background: var(--accentedBg);
- }
}
&.danger {
@@ -385,12 +409,32 @@ onBeforeUnmount(() => {
&:active,
&.active {
- color: var(--fgOnAccent) !important;
+ color: var(--fgOnAccent);
opacity: 1;
-
+ &.gamingDark{
+ color:black !important;
+ }
+ &.gamingLight{
+ color:white !important;
+ }
&:before {
- background: var(--accent) !important;
+ background: var(--accent);
}
+ &.gamingDark:before{
+ color:black !important;
+ background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd); background-size: 1800% 1800%;
+ -webkit-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ -moz-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ }
+
+ &.gamingLight:before{
+ color:white !important;
+ background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4); background-size: 1800% 1800% !important;
+ -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ -moz-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ }
}
&.radioActive {
@@ -432,9 +476,32 @@ onBeforeUnmount(() => {
color: var(--accent);
text-decoration: none;
- &:before {
- background: var(--accentedBg);
- }
+ &:before {
+ background: var(--accentedBg);
+ }
+ &.gamingDark{
+ color:black !important;
+ }
+ &.gamingLight{
+ color:white !important;
+ }
+ &.gamingDark:before{
+ color:black !important;
+ background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd); background-size: 1800% 1800%;
+ -webkit-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ -moz-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
+ }
+
+ &.gamingLight:before{
+ color:white !important;
+ background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4); background-size: 1800% 1800% !important;
+ -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ -moz-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+ animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
+
+ }
+
}
}
}
@@ -502,10 +569,11 @@ onBeforeUnmount(() => {
}
.indicator {
- display: flex;
- align-items: center;
+ position: absolute;
+ top: 5px;
+ right: 18px;
color: var(--indicator);
- font-size: 12px;
+ font-size: 8px;
animation: global-blink 1s infinite;
}
@@ -541,4 +609,69 @@ onBeforeUnmount(() => {
}
}
}
+@-webkit-keyframes AnimationLight {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+}
+@-moz-keyframes AnimationLight {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+} @keyframes AnimationLight {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+ }
+@-webkit-keyframes AnimationDark {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+}
+@-moz-keyframes AnimationDark {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+}
+@keyframes AnimationDark {
+ 0% {
+ background-position: 0% 50%
+ }
+ 50% {
+ background-position: 100% 50%
+ }
+ 100% {
+ background-position: 0% 50%
+ }
+}
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index e7bb955697..a995bdf943 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -8,7 +8,14 @@ SPDX-FileCopyrightText: syuilo and misskey-project , Type4ny-projectSPDX-License
v-show="!isDeleted"
ref="rootEl"
v-hotkey="keymap"
- :class="[$style.root, { [$style.showActionsOnlyHover]: defaultStore.state.showNoteActionsOnlyHover }]"
+ :class="[$style.root,
+ { [$style.showActionsOnlyHover]: defaultStore.state.showNoteActionsOnlyHover } ,
+ {[$style.home] : defaultStore.state.showVisibilityColor && note.visibility === 'home'
+ ,[$style.followers] : defaultStore.state.showVisibilityColor && note.visibility === 'followers'
+ ,[$style.specified] : defaultStore.state.showVisibilityColor && note.visibility === 'specified'
+ },{[$style.localonly] : defaultStore.state.showVisibilityColor && note.localOnly }
+ ]"
+
:tabindex="!isDeleted ? '-1' : undefined"
>
@@ -31,7 +38,10 @@ SPDX-FileCopyrightText: syuilo and misskey-project , Type4ny-projectSPDX-License
-
+
@@ -118,8 +128,8 @@ SPDX-FileCopyrightText: syuilo and misskey-project , Type4ny-projectSPDX-License