Skip to content

Latest commit

 

History

History
133 lines (94 loc) · 4.93 KB

README.md

File metadata and controls

133 lines (94 loc) · 4.93 KB

Terrible Name

Terrible Name is a custom reddit theme written in SCSS. It's available as subreddit theme and userstyles. You can see a demo of subreddit theme in /r/TerribleName.

Screenshots

st-front st-multi st-comment st-submit
st-srsettings st-flairsettings st-night-multi st-night-comment

Compiling

Skip this section if you don't want to use SCSS

Just run make. If you edit the SCSS files a lot and want the output CSS updated automatically, use make watch-all.

To control the output you can pass these parameters when running make:

  • SOURCEMAP: Generate sourcemaps. Valid values are auto, inline, file, and none (default).

  • ASSETS: Control values of image variables. If set to remote all image variables in subreddit stylesheet will use %%name%% notation and userstyles will use imgur URLs. If set to local all image variables will use images on located on image directory.

  • STYLE: Style of the generated CSS. Valid values are expanded (default), nested, compact, and compressed.

For example, to regenerate CSS with compressed style using local images and sourcemaps you can use:

make STYLE=compressed SOURCEMAP=file ASSETS=local clean all

Installation

For subreddit theme

  1. Go to your subreddit settings and scroll to section look and feel. Upload file images/logo.png using the upload header image form.

  2. Click edit the stylesheet to go to stylesheet settings and upload the other files inside images/ directory using the upload form in that page.

  3. Copy the content of css/terriblename.css and put it into your subreddit stylesheet.

  4. Click Save button to apply.

This theme is compatible with RES nightmode but you have to tell RES to not disable your subreddit's stylesheet in nightmode by adding the following link to your sidebar:

[](#/RES_SR_Config/NightModeCompatible)

For userstyle

Using userstyles.org

The main userstyle can be used alone but to have RES nightmode support you need to install both of them.

Manual installation

Create a blank style with Stylish and put the content of css/userstyle.css into the editor box then click Save. If you want nightmode compatibility, you'll need to create another blank style and copy the content of css/userstyle-nightmode.css into it.

Known Issues

  1. Some wiki diffs might overlap with sidebar when the browser's window is too small (for example).

  2. RES active entry indicator overlapped with "sponsored link" label in list of promoted links page.

  3. Doesn't work with RES pinned header feature.

Icons used in this theme are part of the Fugue Icon Set by Yusuke Kamiyamane. Picture used in header banner is a photograph by Holger Winandt.