Giter Club home page Giter Club logo

discourse-theme's Introduction

Discourse Theme

A Godot styled theme for discourse.

Development

You can use the discourse theme CLI to automatically push changes to a live website. Please follow the instructions in the official CLI documentation.

โš ๏ธ Note: Please only use this to sync to the theme creator website, not to the public Godot forum. See Usage for instructions on updating the live website.

Once the CLI is installed, follow these steps as a one time setup:

  1. Make sure you have an account on meta.discourse.org and are logged in
  2. Go to discourse.theme-creator.io/my/themes
  3. Select "Install" > "From a git repository" and enter https://github.com/godotengine/discourse-theme
  4. Reload the website, select the "Godot Theme" again
  5. Scroll down, select "Advanced" and change the "Color Palette" to "Godot"
  6. Click "Edit Locally" and generate and copy an API key (store it somewhere!)

You can now see a live preview every time you want to work on the theme:

  1. On your local machine: open a terminal, navigate to the repository root directory and enter discourse_theme watch .
  • if asked, enter the root url: https://discourse.theme-creator.io/
  • if asked, enter the API key you retrieved in the one time setup
  • you may answer y to store these, so that you don't need to enter them again
  • select the theme "Godot" for synchronisation
  1. Go to discourse.theme-creator.io/my/themes and select the theme you are editing
  2. Click on the "Preview" button

Usage

Installation

  1. In discourse, go to Admin > Customize > Themes
  2. click the Install button and choose "From a git repository"
  3. Enter the URL of this repo: https://github.com/godotengine/discourse-theme

Updates

  1. In discourse, go to Admin > Customize > Themes
  2. Select the "Godot Theme"
  3. Click "Check for Updates"

discourse-theme's People

Contributors

coppolaemilio avatar winston-yallow avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

discourse-theme's Issues

Like button is red

The like button should not have an error color. Instead we should use the success color (green with out theme)

Registration function shows unnecessary button

The "with OpenID Connect" button shows up after login in to the OpenID Connect provider.

Clicking the button will redirected the user to OpenID Connect provider again, which immediately redirects the user back to the forum (since the user is already logged in to the provider). So clicking that button does nothing besides an unnecessary round-trip.

image

Support light and dark mode

Currently we only have a dark mode, which confusingly registers itself as light mode in some UI fields. We should look into providing two custom Color Schemes: Godot Light and Godot Dark

Sidebar toggle moves all UI elements

The sidebar toggle is unintuitive to use (the icon suggests a menu, not a toggle), and clicking it moves all elements including the button itself from under the cursor.

Make tag and tag count more distinct

The tag overview page uses the same style for tags and the tag count. It would be nice to separate them visually.

Currently it looks like this:

image

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.