mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-12-03 01:08:12 +09:00
Code

Copy CSS files to installation folder

Browse Source
This commit is contained in:
nileane 2024-09-27 20:26:57 +00:00 committed by github-actions[bot]
parent 82a02f4363
commit dd53f2a94d
4 changed files with 76 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View File

@ -1319,7 +1319,8 @@ body.app-body {
.app-body .icon-eye-slash {
background-image: var(--icon-eye-shut);
}
.app-body .icon-button.overlayed .icon-eye-slash {
.app-body .icon-button.overlayed .icon-eye-slash,
.app-body .media-gallery__item__overlay .icon-eye-slash {
background-image: var(--icon-eye-shut-inv);
}
.app-body .player-button .icon-eye-slash {
@ -1724,9 +1725,9 @@ body.app-body {
.app-body .display-name {
color: var(--color-content-fg);
}
.app-body .compose-form__upload__thumbnail {
outline-offset: -1px;
outline: 1px solid var(--color-lines-translucent);
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
width: 15px;
height: 15px;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
color: #ffffff;
@ -1823,6 +1824,14 @@ body.app-body {
animation: bounce-sml .2s ease-out 1;
}
.app-body .upload-area__background {
background-color: var(--color-secondary-bg);
border-radius: 8px;
}
.app-body .upload-area__content {
border-color: var(--color-accent-focus);
border-radius: 8px;
}
.app-body .upload-progress__tracker {
background-color: var(--color-accent);
}
@ -3222,17 +3231,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status--in-thread .more-from-author {
margin-inline-start: 0;
}
.app-body .account-gallery__container {
gap: 4px;
padding: 4px;
}
.app-body .media-gallery__item,
.app-body .media-gallery__item-thumbnail,
.app-body .media-gallery__item-gifv-thumbnail {
cursor: pointer;
transition: .2s transform;
overflow: visible;
}
.app-body .media-gallery__item:active {
transform: scale(.98);
}
.app-body .media-gallery__item-thumbnail img {
.app-body .media-gallery__item-thumbnail img,
.app-body .media-gallery__alt__popover {
border-radius: 8px;
}
.app-body .media-gallery__gifv:is(:active, :hover)::after {

25
mastodon/app/javascript/styles/tangerineui-lagoon/tangerineui-lagoon.scss
View File

@ -1319,7 +1319,8 @@ body.app-body {
.app-body .icon-eye-slash {
background-image: var(--icon-eye-shut);
}
.app-body .icon-button.overlayed .icon-eye-slash {
.app-body .icon-button.overlayed .icon-eye-slash,
.app-body .media-gallery__item__overlay .icon-eye-slash {
background-image: var(--icon-eye-shut-inv);
}
.app-body .player-button .icon-eye-slash {
@ -1724,9 +1725,9 @@ body.app-body {
.app-body .display-name {
color: var(--color-content-fg);
}
.app-body .compose-form__upload__thumbnail {
outline-offset: -1px;
outline: 1px solid var(--color-lines-translucent);
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
width: 15px;
height: 15px;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
color: #ffffff;
@ -1823,6 +1824,14 @@ body.app-body {
animation: bounce-sml .2s ease-out 1;
}
.app-body .upload-area__background {
background-color: var(--color-secondary-bg);
border-radius: 8px;
}
.app-body .upload-area__content {
border-color: var(--color-accent-focus);
border-radius: 8px;
}
.app-body .upload-progress__tracker {
background-color: var(--color-accent);
}
@ -3222,17 +3231,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status--in-thread .more-from-author {
margin-inline-start: 0;
}
.app-body .account-gallery__container {
gap: 4px;
padding: 4px;
}
.app-body .media-gallery__item,
.app-body .media-gallery__item-thumbnail,
.app-body .media-gallery__item-gifv-thumbnail {
cursor: pointer;
transition: .2s transform;
overflow: visible;
}
.app-body .media-gallery__item:active {
transform: scale(.98);
}
.app-body .media-gallery__item-thumbnail img {
.app-body .media-gallery__item-thumbnail img,
.app-body .media-gallery__alt__popover {
border-radius: 8px;
}
.app-body .media-gallery__gifv:is(:active, :hover)::after {

25
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View File

@ -1319,7 +1319,8 @@ body.app-body {
.app-body .icon-eye-slash {
background-image: var(--icon-eye-shut);
}
.app-body .icon-button.overlayed .icon-eye-slash {
.app-body .icon-button.overlayed .icon-eye-slash,
.app-body .media-gallery__item__overlay .icon-eye-slash {
background-image: var(--icon-eye-shut-inv);
}
.app-body .player-button .icon-eye-slash {
@ -1724,9 +1725,9 @@ body.app-body {
.app-body .display-name {
color: var(--color-content-fg);
}
.app-body .compose-form__upload__thumbnail {
outline-offset: -1px;
outline: 1px solid var(--color-lines-translucent);
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
width: 15px;
height: 15px;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
color: #ffffff;
@ -1823,6 +1824,14 @@ body.app-body {
animation: bounce-sml .2s ease-out 1;
}
.app-body .upload-area__background {
background-color: var(--color-secondary-bg);
border-radius: 8px;
}
.app-body .upload-area__content {
border-color: var(--color-accent-focus);
border-radius: 8px;
}
.app-body .upload-progress__tracker {
background-color: var(--color-accent);
}
@ -3222,17 +3231,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status--in-thread .more-from-author {
margin-inline-start: 0;
}
.app-body .account-gallery__container {
gap: 4px;
padding: 4px;
}
.app-body .media-gallery__item,
.app-body .media-gallery__item-thumbnail,
.app-body .media-gallery__item-gifv-thumbnail {
cursor: pointer;
transition: .2s transform;
overflow: visible;
}
.app-body .media-gallery__item:active {
transform: scale(.98);
}
.app-body .media-gallery__item-thumbnail img {
.app-body .media-gallery__item-thumbnail img,
.app-body .media-gallery__alt__popover {
border-radius: 8px;
}
.app-body .media-gallery__gifv:is(:active, :hover)::after {

25
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View File

@ -1319,7 +1319,8 @@ body.app-body {
.app-body .icon-eye-slash {
background-image: var(--icon-eye-shut);
}
.app-body .icon-button.overlayed .icon-eye-slash {
.app-body .icon-button.overlayed .icon-eye-slash,
.app-body .media-gallery__item__overlay .icon-eye-slash {
background-image: var(--icon-eye-shut-inv);
}
.app-body .player-button .icon-eye-slash {
@ -1724,9 +1725,9 @@ body.app-body {
.app-body .display-name {
color: var(--color-content-fg);
}
.app-body .compose-form__upload__thumbnail {
outline-offset: -1px;
outline: 1px solid var(--color-lines-translucent);
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
width: 15px;
height: 15px;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
color: #ffffff;
@ -1823,6 +1824,14 @@ body.app-body {
animation: bounce-sml .2s ease-out 1;
}
.app-body .upload-area__background {
background-color: var(--color-secondary-bg);
border-radius: 8px;
}
.app-body .upload-area__content {
border-color: var(--color-accent-focus);
border-radius: 8px;
}
.app-body .upload-progress__tracker {
background-color: var(--color-accent);
}
@ -3222,17 +3231,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status--in-thread .more-from-author {
margin-inline-start: 0;
}
.app-body .account-gallery__container {
gap: 4px;
padding: 4px;
}
.app-body .media-gallery__item,
.app-body .media-gallery__item-thumbnail,
.app-body .media-gallery__item-gifv-thumbnail {
cursor: pointer;
transition: .2s transform;
overflow: visible;
}
.app-body .media-gallery__item:active {
transform: scale(.98);
}
.app-body .media-gallery__item-thumbnail img {
.app-body .media-gallery__item-thumbnail img,
.app-body .media-gallery__alt__popover {
border-radius: 8px;
}
.app-body .media-gallery__gifv:is(:active, :hover)::after {