From 3d3d958abab8a7b0d43b3008a75ea0564e479eeb Mon Sep 17 00:00:00 2001 From: Jeremy Kescher Date: Fri, 31 May 2024 22:22:11 +0200 Subject: [PATCH] Removed Oatstodon skin Originally taken from the types.pl fork, the theme was made by @oat@hellsite.site originally. The Mastodon frontend has changed far too much by now for us to keep up the changes in this theme. --- README.md | 4 +- .../flavours/glitch/styles/oatstodon.scss | 627 ------------------ .../skins/glitch/oatstodon/common.scss | 1 - .../skins/glitch/oatstodon/names.yml | 8 - 4 files changed, 1 insertion(+), 639 deletions(-) delete mode 100644 app/javascript/flavours/glitch/styles/oatstodon.scss delete mode 100644 app/javascript/skins/glitch/oatstodon/common.scss delete mode 100644 app/javascript/skins/glitch/oatstodon/names.yml diff --git a/README.md b/README.md index aa2fb51265..8c704d24f8 100644 --- a/README.md +++ b/README.md @@ -30,8 +30,6 @@ instead, use merge (fast-forward, if possible, with merge commit otherwise). emojis. - Allow higher resolution images. (4096x4096 instead of the previous limit of 3840x2160) - Allow posting polls with only one poll option (if `MIN_POLL_OPTIONS` is set to 1 on your instance). -- Added oatstodon flavour (taken from [types.pl fork](https://github.com/ralsei/types.pl), - by [@oat@hellsite.site](https://hellsite.site/@oat)), with slight adjustments since. - Emoji reactions on statuses (with both Unicode and custom emojis, same as for announcements), a feature originally developed for [Nyastodon](https://git.bsd.gay/fef/nyastodon). Ended up as a Catstodon-maintained patch after its initial two Pull Requests to glitch-soc, but was handed over @@ -43,7 +41,7 @@ instead, use merge (fast-forward, if possible, with merge commit otherwise). from [Sakurajima Mastodon](https://github.com/chikorita157/mastodon-sakura). - Adds the ability to disable the suspicious sign in detection entirely. - Useful for situations where the instance may not have up-to-date IP information, such as when the period of IP - address retention is set to a low value (see *Previous differences now merged into vanilla Mastodon*) + address retention is set to a low value (see _Previous differences now merged into vanilla Mastodon_) ## Previous differences now merged into glitch-soc diff --git a/app/javascript/flavours/glitch/styles/oatstodon.scss b/app/javascript/flavours/glitch/styles/oatstodon.scss deleted file mode 100644 index 866e1daeb7..0000000000 --- a/app/javascript/flavours/glitch/styles/oatstodon.scss +++ /dev/null @@ -1,627 +0,0 @@ -@import 'index'; - -/* customize ya stuff */ -:root { - --border-radius: 5px; - - /* rgb for transparency to work */ - --text-color: 217, 225, 232; - --text-color-secondary: 96, 105, 132; /* less bright, for unimportant bits */ - --background-color: 18, 18, 37; - --background-color-brighter: 22, 22, 47; - --app-background-color: 8, 8, 17; /* used only for the VERY background in the back */ - --accent-color: 39, 183, 145; - --accent-color-secondary: 62, 91, 84; /* less saturated ver of --accent-color */ - --accent-color-bright: 92, 193, 162; -} - -.account__avatar-overlay-base, -.account__avatar-overlay-overlay, -.account__avatar { - border-radius: var(--border-radius); -} - -/* roundening shenanigans */ - -.drawer > div, -nav, -.search, -.drawer__header a, -.drawer--header a, -.search__input { - border-radius: var(--border-radius) !important; -} - -.column-header, -.column-back-button, -.navigation-panel .column-link:nth-child(1), -.navigation-panel .column-link:nth-child(10), -.navigation-bar { - border-radius: var(--border-radius) var(--border-radius) 0 0; -} - -.column > .scrollable, -.getting-started, -.navigation-panel .column-link:nth-child(8), -.navigation-panel .column-link:nth-child(11) { - border-radius: 0 0 var(--border-radius) var(--border-radius); -} - -/* standard fg/bg color changes */ - -.drawer__inner, -.drawer__inner__mastodon, -.drawer__header, -.drawer--header, -.actions-modal, -.block-modal, -.boost-modal, -.confirmation-modal, -.mute-modal, -.report-modal, -article, -.getting-started, -.column-subheading, -.column-link, -.column-subheading, -.column-link, -.emoji-mart-scroll, -.emoji-mart-search, -.emoji-mart-category-label > span, -.emoji-picker-dropdown__menu, -.scrollable, -.empty-column-indicator, -.column-inline-form, -.dropdown-menu, -.dropdown-menu__item a, -.account__header__fields, -.search-popout, -.confirmation-modal__action-bar, -.reactions-bar__item, -.emoji-picker-dropdown__modifiers__menu, -.content-wrapper, -.sidebar-wrapper--empty, -.regeneration-indicator, -.tabs-bar, -.navigation-bar, -.trends__header, -.modal-layout { - background-color: rgb(var(--background-color)) !important; - color: rgb(var(--text-color)) !important; -} - -.glitch.local-settings__navigation, -.glitch.local-settings__navigation__item, -.glitch.local-settings__page, -.glitch.local-settings { - background-color: rgb(var(--background-color)); - color: rgb(var(--text-color)); -} - -.modal-layout, -.modal-layout__mastodon > * { - background-image: none; -} - -.account__section-headline a.active::after, -.account__section-headline button.active::after, -.notification__filter-bar a.active::after, -.notification__filter-bar button.active::after, -.account__section-headline a.active::after, -.account__section-headline a.active::before, -.account__section-headline button.active::after, -.account__section-headline button.active::before, -.notification__filter-bar a.active::after, -.notification__filter-bar a.active::before, -.notification__filter-bar button.active::after, -.notification__filter-bar button.active::before { - border-color: transparent transparent rgb(var(--background-color)); -} - -.dropdown-menu__arrow { - border-bottom-color: rgb(var(--background-color)) !important; -} - -.dropdown-menu__arrow.top { - border-top-color: rgb(var(--background-color)) !important; -} - -.reply-indicator__content, -.status__content, -.reply-indicator__display-name, -.privacy-dropdown__option__icon, -.composer--options--dropdown--content--item .icon, -.composer--reply > .content { - color: rgb(var(--text-color)) !important; -} - -html { - scrollbar-color: rgb(var(--background-color-brighter)) rgba(0, 0, 0, 10%); -} - -.tabs-bar__wrapper { - background: rgb(var(--app-background-color)); -} - -.column-header, -.column-header__button, -.account__section-headline, -.notification__filter-bar > button, -.emoji-mart-bar, -.column-back-button, -.column-header__back-button, -.announcements, -.column-header__collapsible-inner, -.status.status-direct:not(.read), -.notification__filter-bar, -.glitch.local-settings__page { - background-color: rgb(var(--background-color-brighter)) !important; - border-bottom: none; -} - -.reply-indicator, -.emoji-picker-dropdown__modifiers__menu button:hover, -.compose-form .compose-form__buttons-wrapper, -.composer--options-wrapper, -.compose-form__poll-wrapper select, -.flash-message, -.card__bar, -.card > a:hover .card__bar, -.glitch.local-settings__navigation__item:hover { - background-color: rgb(var(--background-color-brighter)); -} - -.columns-area, -.app-body, -.getting-started__wrapper { - background-color: rgb(var(--app-background-color)); -} - -.privacy-dropdown__option__content strong, -.composer--options--dropdown--content strong, -.character-counter, -.report-modal__comment .setting-text-label, -.compose-form__poll-wrapper select { - color: rgb(var(--text-color)) !important; -} - -input, -textarea, -.compose-form__modifiers, -.privacy-dropdown__dropdown, -.composer--options--dropdown--content, -.privacy-dropdown__value { - background-color: rgb(var(--background-color-brighter)) !important; - color: rgb(var(--text-color)) !important; -} - -.compose-form__buttons-wrapper, -.admin-wrapper .sidebar-wrapper__inner, -.admin-wrapper .sidebar ul a:hover, -.admin-wrapper .sidebar ul a, -.admin-wrapper .sidebar ul a.selected, -.account__disclaimer, -.account__action-bar-links { - background-color: rgb(var(--background-color-brighter)); -} - -.detailed-status, -.detailed-status__action-bar, -.account__header__bar, -.focusable:focus { - background-color: rgb(var(--background-color-brighter)) !important; - border-bottom: none; - border-top: none; -} - -.status.collapsed .status__content::after { - background: linear-gradient( - rgba(var(--background-color), 0), - rgba(var(--background-color), 0) - ) !important; -} - -/* accent color changes */ - -.button, -.react-toggle--checked .react-toggle-track, -.react-toggle--checked:hover .react-toggle-track, -.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track, -.button.logo-button, -.emoji-mart-anchor-bar, -.loading-bar, -.icon-with-badge__badge, -.video-player__volume__current, -.video-player__volume__handle, -.upload-progress__tracker, -.video-player__seek__buffer, -.video-player__seek__progress, -.floating-action-button { - background-color: rgb(var(--accent-color)); -} - -.react-toggle--checked .react-toggle-thumb, -.compose-form__sensitive-button .checkbox, -.filters .filter-subset a.selected, -.account__action-bar__tab.active, -.tabs-bar__link.active, -.notification.unread::before, -.status.unread::before { - border-color: rgb(var(--accent-color)); -} - -.text-icon-button, -.icon-button.inverted, -button.inverted:hover, -.icon-button, -.icon-button:hover, -.status__action-bar__counter__label, -.text-icon-button:active, -.text-icon-button:focus, -.text-icon-button:hover, -.icon-button.disabled, -.composer--options--dropdown.open > .value { - color: rgb(var(--accent-color-secondary)); -} - -.status__info__icons i { - color: rgb(var(--accent-color-secondary)) !important; -} - -.status__content__spoiler-link { - background-color: rgb(var(--accent-color-secondary)) !important; -} - -.column-header__wrapper.active::before { - background: radial-gradient( - ellipse, - rgba(var(--accent-color), 0.23) 0%, - rgba(var(--accent-color), 0) 60% - ); -} - -.column-header__wrapper.active { - box-shadow: 0 1px 0 rgba(var(--accent-color), 0.3); -} - -.compose-form__sensitive-button .checkbox.active, -.poll__chart.leading { - border-color: rgb(var(--accent-color)); - background-color: rgb(var(--accent-color)); -} - -.poll__chart { - background-color: rgb(var(--accent-color-secondary)); -} - -.column-header.active .column-header__icon { - text-shadow: 0 0 10px rgba(var(--accent-color), 0.4); -} - -.text-icon-button:active, -.text-icon-button:focus, -.text-icon-button:hover, -.drawer__header a:hover, -.drawer--header a:hover, -.drawer--header a:focus, -.icon-button:hover, -.reactions-bar__item:hover { - background-color: rgba(var(--accent-color-secondary), 0.1); -} - -.icon-button.inverted:active, -.icon-button.inverted:focus, -.icon-button.inverted:hover, -.reactions-bar__item.active { - background-color: rgba(var(--accent-color-secondary), 0.25); - color: rgb(var(--accent-color-secondary)); -} - -.button:active, -.button:focus, -.button:hover, -.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover, -.simple_form .block-button:hover, -.simple_form .button:hover, -.simple_form button:hover, -.button.logo-button:active, -.button.logo-button:focus, -.button.logo-button:hover, -.floating-action-button:hover, -.glitch.local-settings__navigation__item.active:hover { - background-color: rgb(var(--accent-color-bright)); -} - -.privacy-dropdown__option.active, -.composer--options--dropdown--content--item.active, -.privacy-dropdown__option:hover, -.composer--options--dropdown--content--item:hover, -.privacy-dropdown__option.active:hover, -.composer--options--dropdown--content.active:hover, -.admin-wrapper .sidebar ul .simple-navigation-active-leaf a, -.simple_form .block-button, -.simple_form .button, -.simple_form button, -.simple_form .block-button:active, -.simple_form .block-button:focus, -.simple_form .button:active, -.simple_form .button:focus, -.simple_form button:active, -.simple_form button:focus, -.composer--options--dropdown.open > .value, -.glitch.local-settings__navigation__item.active { - background-color: rgb(var(--accent-color)); -} - -.status__info__icons .icon-button.active i, -.tabs-bar__link.active, -.status__content a { - color: rgb(var(--accent-color)) !important; -} - -.trends__item__sparkline path:last-child { - stroke: rgb(var(--accent-color)) !important; -} - -.trends__item__sparkline path:first-child { - fill: rgb(var(--accent-color-secondary)) !important; -} - -a.u-url, -.status-link, -.column-header__back-button, -.status__content__read-more-button, -.column-header.active .column-header__icon, -.column-link.active, -.account__section-headline a.active, -.account__section-headline button.active, -.notification__filter-bar a.active, -.notification__filter-bar button.active, -.account__header__content a, -.account__header__bio .account__header__fields a, -.reactions-bar__item.active .reactions-bar__item__count, -.emoji-mart-anchor-selected, -.reply-indicator__content a, -.compose-form .compose-form__warning a, -.text-icon-button.active, -.icon-button.inverted.active, -.drawer__tab:hover, -.icon-button.active, -.column-back-button, -.filters .filter-subset a.selected, -.admin-wrapper .content .muted-hint a, -body .muted-hint a, -.table a, -.notification__message .fa, -.drawer--header a:hover, -.drawer--header a:focus { - color: rgb(var(--accent-color)) !important; -} - -/* fixes */ - -/* boost hack, v2 */ - -/* https://codepen.io/sosuke/pen/Pjoqqp */ -button.icon-button i.fa-retweet { - filter: brightness(0) saturate(100%) invert(31%) sepia(28%) saturate(388%) - hue-rotate(115deg) brightness(94%) contrast(90%); /* accent-color-secondary */ - - color: transparent !important; -} - -button.icon-button.active i.fa-retweet { - filter: brightness(0) saturate(100%) invert(57%) sepia(61%) saturate(481%) - hue-rotate(114deg) brightness(93%) contrast(91%); /* accent-color */ -} - -button.icon-button.disabled i.fa-retweet, -button.icon-button.disabled i.fa-lock { - filter: brightness(0) saturate(100%) invert(31%) sepia(28%) saturate(388%) - hue-rotate(115deg) brightness(60%) contrast(90%); /* accent-color-secondary with brightness set to 50% */ -} - -.load-more:hover, -.mbstobon-2 .drawer__inner__mastodon, -.mbstobon-1 .drawer__inner__mastodon, -.mbstobon-0 .drawer__inner__mastodon { - background: inherit; -} - -.account__action-bar__tab, -.account__action-bar { - border: none; -} - -.notification__filter-bar, -.account__header__bar, -.admin-wrapper .content-heading, -.admin-wrapper .content h4, -.tabs-bar__link:not(.active) { - border-bottom: none; -} - -.dropdown-menu__separator, -hr { - opacity: 0; -} - -.compose-form .autosuggest-textarea__textarea, -.compose-form .spoiler-input__input, -.compose-panel .compose-form__autosuggest-wrapper, -.mbstobon-3 .drawer__inner__mastodon { - background: transparent; -} - -.status, -.account, -.account__header__fields dl, -.account__header__fields, -.account__header__bio .account__header__fields, -.glitch.local-settings__navigation__item { - border-top: none; - border-bottom: none; -} - -.report-modal__container, -.report-modal__comment, -.report-modal__comment .setting-text__wrapper { - border-color: rgba(0, 0, 0, 0%) !important; -} - -.drawer__inner__mastodon { - background: inherit; -} - -/* misc */ -.column-link:hover, -.dropdown-menu__item a:active, -.dropdown-menu__item a:focus, -.dropdown-menu__item a:hover, -header strong.display-name__html { - color: #fff !important; -} - -.notification__filter-bar button.active, -.account__section-headline .active { - border-bottom: 3px solid rgb(var(--accent-color)); -} - -.notification__filter-bar button:not(.active):hover { - top: -3px; -} - -.account__section-headline a.active::after, -.account__section-headline a.active::before { - display: none; -} - -.account__header__extra__links a:hover { - text-decoration: underline; -} - -.account__section-headline a:hover, -.confirmation-modal__cancel-button span { - color: #fff; -} - -.notification__filter-bar button.active::after { - opacity: 0; -} - -.notification__filter-bar button.active::before { - opacity: 0; -} - -.column-link__badge, -.column-subheading { - background-color: rgb(var(--accent-color)); - animation-name: flash; - animation-duration: 1s; - animation-iteration-count: infinite; - animation-direction: alternate-reverse; -} - -@keyframes flash { - from { - background-color: rgb(var(--accent-color)); - } - - to { - background-color: rgb(var(--accent-color-secondary)); - } -} - -.reply-indicator { - max-height: 38px; - overflow-y: hidden; - transition: max-height 1s; -} - -.reply-indicator:hover { - max-height: 100%; -} - -.reply-indicator::before { - content: 'Replying to:'; - font-size: 12px; - color: rgb(var(--text-color-secondary)); -} - -.getting-started__footer p::after { - content: ' Oat was here'; -} - -/* public/static css */ - -/* for pages like /@username */ - -.public-layout .public-account-header__tabs__tabs .counter.active::after { - border-bottom-color: rgb(var(--accent-color)); -} - -.public-layout .public-account-bio .account__header__fields a { - color: rgb(var(--accent-color)); -} - -.public-layout .header .nav-button { - color: #fff; - background-color: rgb(var(--accent-color)); -} - -.public-layout .header .nav-button:active, -.public-layout .header .nav-button:focus, -.public-layout .header .nav-button:hover { - background-color: rgb(var(--accent-color-bright)); -} - -.public-layout .activity-stream .entry, -.hero-widget__text, -.table-of-contents { - background-color: rgb(var(--background-color)); -} - -body { - background-color: rgb(var(--app-background-color)); -} - -.public-layout .public-account-header__tabs__tabs .counter { - border-right: none; -} - -.public-layout .public-account-bio, -.public-layout .public-account-header__bar::before, -.public-layout .header, -.directory__tag > a, -.directory__tag > div, -.directory__tag > a:active, -.directory__tag > a:focus, -.directory__tag > a:hover, -.public-layout .header .brand:hover, -.landing-page__call-to-action, -.box-widget { - background-color: rgb(var(--background-color-brighter)); -} - -.public-layout .display-name, -.status__relative-time time, -.status__relative-time { - color: rgb(var(--text-color-secondary)); -} - -.rich-formatting, -.rich-formatting p { - color: rgb(var(--text-color)); -} - -.rich-formatting table tbody tr, -.rich-formatting table thead tr, -.notification-follow, -.notification-follow-request { - border-bottom: none; -} - -// https://types.pl/@haskal/106569437674907815 -.search-popout em { - color: rgb(var(--accent-color)) !important; -} diff --git a/app/javascript/skins/glitch/oatstodon/common.scss b/app/javascript/skins/glitch/oatstodon/common.scss deleted file mode 100644 index 4c6f4af978..0000000000 --- a/app/javascript/skins/glitch/oatstodon/common.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'flavours/glitch/styles/oatstodon'; diff --git a/app/javascript/skins/glitch/oatstodon/names.yml b/app/javascript/skins/glitch/oatstodon/names.yml deleted file mode 100644 index dfc72b37f6..0000000000 --- a/app/javascript/skins/glitch/oatstodon/names.yml +++ /dev/null @@ -1,8 +0,0 @@ -en: - skins: - glitch: - oatstodon: oatstodon (by @oat@hellsite.site) -es: - skins: - glitch: - oatstodon: oatstodon (por @oat@hellsite.site)