Yowza.social for mastodon
Yowza! by Whey
Details
AuthorWhey
LicenseMIT
Categorymastodon.social
Created
Updated
Size688 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Taken from Yowza.social reskin.scss
Based off MBUI 1.7.2-rc4-nightly
Should work fine, although expect bugs for newer mastodon versions that are not supported by MBUI 1.7.2
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Yowza!
@namespace github.com/openstyles/stylus
@version 1.0.3
@description Yowza!
@author Whey
@preprocessor less
==/UserStyle== */
@-moz-document domain("mas.to"), domain("mastodon.social") {
&{
/*
Original source from:
Mastodon Bird UI by @rolle@mementomori.social 1.7.2rc4-nightly
Heavily modified and hacked 2023/11/08
*/
/* CSS variables */
:root {
--color-brand-yowza-dark: #000;
--color-brand-yowza-light: #fff;
--color-brand-yowza-gray: #f5f5f5;
--color-brand-yowza-blue: #39dbff;
--color-brand-yowza-blue-dark: #3ccded;
--color-brand-yowza-green: #00ff75;
--color-brand-yowza-yellow: #fff500;
--color-brand-yowza-red: #ff5e5e;
--color-brand-yowza-orange: #ffb443;
--color-brand-yowza-purple: #dd7dff;
--gradient-brand-yowza-rainbow1: linear-gradient(
341deg,
#ffb443 -37.83%,
#ff5e5e -7.68%,
#dd7dff 22.47%,
#39dbff 51.19%,
#00ff75 78.47%,
#fff500 96.9%
);
--gradient-brand-yowza-rainbow2: linear-gradient(
162deg,
#ffb443 0%,
#ff5e5e 35.96%,
#dd7dff 71.92%,
#39dbff 106.17%,
#00ff75 138.7%,
#fff500 160.69%
);
/* Brand colors */
--color-brand-twitter: var(--color-brand-yowza-dark);
--color-brand-twitter-bg: var(--color-brand-yowza-dark);
--color-brand-twitter-dim: var(--color-brand-yowza-light);
--color-brand-twitter-mud: var(--color-brand-yowza-light);
--color-brand-twitter-dark: var(--color-brand-yowza-dark);
--color-brand-twitter-threaded-line: var(--color-brand-yowza-dark);
--color-brand-mastodon: var(--color-brand-yowza-dark);
--color-brand-mastodon-links: var(--color-brand-yowza-dark);
--color-brand-mastodon-bg: var(--color-brand-yowza-light);
--color-brand-mastodon-dim: var(--color-brand-yowza-light);
--color-brand-mastodon-mud: var(--color-brand-yowza-light);
--color-brand-mastodon-dark: var(--color-brand-yowza-dark);
--color-brand-mastodon-threaded-line: var(--color-brand-yowza-dark);
--color-brand-mastodon-text-light: var(--color-brand-yowza-dark);
/* Colors */
/* Note: Remember to search for the DIM hex
and replace it inside the SVG icons if you decide to change it */
--color-bg-75: #1e2028bf;
--color-bg: var(--color-brand-yowza-light);
--color-fg: var(--color-brand-yowza-dark);
--color-border: #38384d;
--color-dim: var(--color-brand-mastodon-dim);
--color-accent: var(--color-brand-mastodon-links);
--color-accent-dark: var(--color-brand-mastodon);
--color-accent-dark-50: #595aff80;
--color-green: var(--color-brand-yowza-green);
--color-red: var(--color-brand-yowza-red);
--color-red-75: #f91880bf;
--color-yellow: var(--color-brand-yowza-yellow);
--color-light-shade: var(--color-brand-yowza-gray);
--color-focusable-toot: var(--color-brand-yowza-gray);
--color-light-text: var(--color-brand-yowza-dark);
--color-mud: var(--color-brand-mastodon-mud);
--color-arsenic: #393f4f;
--color-black-coral: #5a5371;
--color-profile-button-hover: #f1eff41a;
--color-column-link-hover: #f7f7f91a;
--color-modal-overlay: #00000080;
--color-dark: var(--color-brand-mastodon-dark);
--color-thread-line: var(--color-brand-mastodon-threaded-line);
--color-topaz: #dadaf3;
--color-lighter-purple: #a5b8d3;
--color-button-text: #f7f9f9;
--color-ghost-button-text: var(--color-button-text);
--color-verified: #79bd9a;
--color-destructive: #df405a;
--color-light-fuchsia-pink: #ff8cfd;
--color-hashtag: var(--color-accent);
--color-mention: var(--color-accent);
--color-link: var(--color-accent);
--color-bg-compose-form: var(--color-brand-yowza-gray);
--color-bg-compose-form-focus: var(--color-brand-yowza-gray);
/* In the original UI this color is lighten($ui-base-color, 12%) */
--color-outer-space: #42485a;
/* Font related */
--font-size: 15px;
--font-size-smaller: 13px;
--font-size-12: 12px;
--font-size-mid: 14px;
--font-size-bigger: 17px;
--font-size-title: 19px;
--font-size-heading: 20px;
--font-weight-regular: 400;
--font-weight-semibold: 500;
--font-weight-bold: 700;
--line-height: 24px;
--line-height-mid: 20px;
/* Grids and gaps */
--gap-default: 12px;
--gap-column-link: 12px;
/* Element sizes */
--size-avatar: 52px;
--size-avatar-small: 30px;
--size-icon-notification: 30px;
--width-main-panel: 600px;
--width-side-panel: 270px;
--border-radius: 16px;
--border-radius-badges: 0;
--badges-distance-from-edge: 12px;
/* Misc */
--active-header-box-shadow: 0 1px 0 rgba(140, 141, 255, 0.3);
--active-header-radial-gradient: radial-gradient(
ellipse,
rgba(99, 100, 255, 0.23) 0,
rgba(99, 100, 255, 0) 60%
);
--compose-form-linear-gradient: linear-gradient(
180deg,
rgba(30, 32, 40, 1) 0%,
rgba(30, 32, 40, 1) 53%,
rgba(30, 32, 40, 0.8141631652661064) 76%,
rgba(30, 32, 40, 0.7077205882352942) 87%,
rgba(30, 32, 40, 0.458420868347339) 97%,
rgba(30, 32, 40, 0) 100%
);
/* Logo */
--logo: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22268%22%20height%3D%2275%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M44.625%2015.31c.402-1.13.805-2.258%201.207-3.405h-.01l20.288-1.79-14.132%2031.347%201.395%2015.78-19.236%201.698-1.395-15.78-19.196-28.415%2020.156-1.779c.541.94%201.07%201.896%201.597%202.85.529.956%201.057%201.911%201.598%202.851a218%20218%200%200%200%202.021%203.538%20218%20218%200%200%201%202.022%203.539l2.679-7.602c.335-.951.67-1.892%201.006-2.832Z%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20d%3D%22m230.059%2037.548-.01.002.01.01v-.012Z%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M237.59%2037.66c-2.574-.605-5.148-.626-7.531-.112l-.444-26.897%2027.333%206.378-12.555%2023.867c-1.91-1.517-4.235-2.639-6.803-3.235Z%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M242.533%2053.926c-1.031%204.408-5.176%206.601-10.017%205.47v-.01c-4.842-1.133-7.582-4.934-6.561-9.331%201.031-4.397%205.166-6.59%2010.018-5.459%204.842%201.133%207.581%204.933%206.56%209.33Z%22%2F%3E%3Cpath%20fill%3D%22url(%23f)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M207.355%2020.467c-11.564-1.961-19.721%203.032-21.44%2013.171%202.689-2.537%207.379-3.528%2012.353-2.689%203.224.546%205.286%201.76%205.964%203.61l-5.53-.345c-8.946-.525-14.526%202.588-15.587%208.855a10.231%2010.231%200%200%200%20.061%203.852l-7.481%201%208.107-21.905-30.75%204.115%203.053-7.35-18.306-1.04-1.678%205.286a234.181%20234.181%200%200%200-1.031%203.19c-.339%201.064-.678%202.127-1.031%203.189l-3.518-12.08-12.423-.707-4.863%2011.594-1.273-6.44c-.177-.93-.372-1.86-.566-2.79-.195-.93-.39-1.86-.566-2.79l-18.307-1.04%203.811%2013.252c-4.387-4.791-11.402-6.197-18.296-5.418-10.412%201.172-20.005%207.268-18.55%2020.217%201.466%2012.949%2012.171%2016.75%2022.583%2015.577%209.027-1.02%2017.437-5.731%2018.569-15.395l1.85%206.45%2015.759.899%204.701-10.038%203.538%2010.503%2015.759.9%206.52-15.7.505%203.761%2010.513-1.405-8.885%2022.006%2037.078-4.953-.971-7.278c1.304.88%202.871%201.516%204.67%201.82%204.135.697%206.904.04%209.533-2.174l-.455%202.72%2018.084%203.072%203.194-18.791c1.678-9.886-3.791-16.851-14.698-18.711ZM80.827%2051.47c-1.82.202-2.84-1.264-3.406-6.268-.566-5.013.1-6.671%201.93-6.873%201.82-.203%202.841%201.263%203.407%206.267.566%205.014-.101%206.672-1.93%206.874Zm121.454-5.419c-.597.364-1.415.486-2.254.344-1.81-.303-2.74-1.466-2.467-3.073.263-1.546%201.719-2.305%204.215-2.143l1.314.091-.808%204.781Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M79.342%2038.329c-1.82.202-2.497%201.86-1.93%206.873.565%205.014%201.586%206.48%203.406%206.268%201.82-.202%202.497-1.86%201.93-6.874-.565-5.014-1.586-6.48-3.406-6.267ZM197.561%2043.323c-.273%201.617.657%202.77%202.466%203.073.839.141%201.658.02%202.254-.344l.809-4.781-1.314-.091c-2.497-.162-3.952.586-4.215%202.143Z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22m222.377%201.696%2045.084%2010.523-18.488%2035.167a14.354%2014.354%200%200%201%20.444%208.158c-.95%204.114-3.477%207.46-7.096%209.421-2.204%201.193-4.731%201.8-7.359%201.8a18.09%2018.09%200%200%201-4.053-.476c-2.204-.515-4.165-1.395-5.853-2.547l-.404%202.386-29.254-4.448.556%204.205-56.143%207.51%204.084-10.108-41.91-2.386c-4.377%204.822-10.988%208.016-19.095%208.926-7.197.809-13.768-.364-19.004-3.406a23.12%2023.12%200%200%201-3.69-2.68l-32.488%202.872-1.85-21.006L.961%208.752l36.603-3.225%201.87%203.225%201.223-3.498%2036.876-3.255-9.047%2020.066c2.688-1.021%205.63-1.74%208.784-2.093a35.94%2035.94%200%200%201%208.137-.03l-2.416-8.41%2083.486%204.74-2.163%205.206%2022.138-2.962a21.35%2021.35%200%200%201%202.79-2.031c3.79-2.325%208.329-3.508%2013.353-3.508%201.92%200%203.902.172%205.944.515%205.842.991%2010.624%203.235%2014.141%206.45l-.303-18.246ZM32.742%2043.16l1.395%2015.78h.01l19.236-1.699-1.394-15.78L66.12%2010.117l-20.288%201.79c-.335.95-.67%201.891-1.006%202.832-.402%201.129-.805%202.258-1.207%203.404l-2.679%207.602a218%20218%200%200%200-2.022-3.538c-.68-1.173-1.36-2.345-2.021-3.538-.541-.94-1.07-1.895-1.598-2.85a192.79%20192.79%200%200%200-1.597-2.851l-20.156%201.779L32.742%2043.16ZM218.859%2057.96l3.195-18.792v.01c1.678-9.886-3.781-16.86-14.698-18.71-11.564-1.962-19.722%203.032-21.44%2013.17%202.689-2.536%207.379-3.527%2012.352-2.688%203.225.556%205.277%201.769%205.964%203.609l-5.529-.344c-8.946-.516-14.526%202.588-15.587%208.855a9.982%209.982%200%200%200%20.06%203.841l-7.48%201%208.107-21.904-30.75%204.114%203.0...