Giter VIP home page Giter VIP logo

dizzydon-1's Introduction

Dizzydon

A customizable userstyle for Mastodon

Requires Stylus

dizzydon default styling dizzydon with three pinned columns in reverse order dizzydon with a customized version of the default theme dizzydon 2.4.3 with the pastel-pink theme

Features

  • Custom css for mastodon
  • Supports vanilla, glitch-soc, and sleeping town front ends
  • Default theme based on pico-8 palette
  • Customizable colors and toggles for shadows
  • Adjustable transparency in custom colors (so you can have semi-transparent columns)
  • Nicer Show More/Less buttons on their own line
  • Uploaded images stack under the compose box instead of squeezing into a 2x2 grid
  • Support for theme styles
  • Background images
  • Toggles to hide reply counts and filter tombstones
  • Option to customize post button text
  • Styled scrollbars on firefox (thin scrollbars optional)

An example of the full size Show More/Less buttons example of uploaded images stacking config menu for dizzydon v2.4.3

How to Install

(First, install Stylus for your browser if you haven't aleady.)

The easiest way is to click this link to install dizzydon by opening the .user.css file and clicking Install Style in the top left of the screen that stylus opens.

After installing you can open the config menu by clicking the gear icon either on the management page or after clicking the icon in your browser.

Updating

Open the management page for stylus and click the refresh icon for the style Alternatively, follow the install instructions again for the new version and it will overwrite the old version.

Themes

Themes are stripped down versions of dizzydon that only alter the colors and nothing else. They are meant to be used in addition to Dizzydon to allow custom color settings to be saved and shared.

Dizzydon themes are installed and used just like the base Dizzydon. Navigate to the themes folder then open the raw .user.css file in your browser (basically click on of the files above to open it, then find and click the "raw" button) and install it with stylus. Then enable it on any site you use Dizzydon on so it overrides the colors.

Troubleshooting and FAQ

  • The shadows are flickering

    • Drop shadows use hardware-acceleration, so this is like cause by your graphics hardware. Disable drop shadows in the settings menu.

For any other issue, please check open/closed issues or create a new issue.

license: CC-BY-SA 4.0

dizzydon-1's People

Contributors

ashkitten avatar dizzy-labs avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.