Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Themes #255

Closed
NurMarvin opened this issue Oct 24, 2020 · 1 comment
Closed

[FEATURE] Themes #255

NurMarvin opened this issue Oct 24, 2020 · 1 comment
Labels
🔥 enhancement New feature or request 🌑 nextgen
Milestone

Comments

@NurMarvin
Copy link
Member

Purpose

Currently, the theme selection in LiquidBounce is limited to four predefined themes, which also just affect the ClickGUI.
Altering them requires a lot of experience with Java/Kotlin due to the nature of the current theme implementation.
Considering the inclusion of the Sciter HTML/CSS UI engine as mentioned in #226, it would seem reasonable to allow custom theme files to be loaded by the user to fully customize the client's UI.

Concept

Themes will roughly work like resource packs in regards of selection and structure.
LiquidBounce will create a new folder called themes in the LiquidBounce folder which is located inside of the .minecraft folder.
The user can now either create a new folder with how their theme should be called or they can download an already existing theme and place it in the themes folder.

Own theme from scratch

The user now needs to create a metadata file with the name theme.json (name and file extension may change) and open said file in their favorite text/code editor, i.e. Visual Studio Code.
The user can now provide metadata about their theme in JSON format similar as for resource packs.
The format will look somewhat like this:

{
  "theme": {
    "theme_format": 1,
    "author": "NurMarvin",
    "description": "An example theme"
  }
}

After that, the actual theme can be created by creating new CSS files with the name theme.css.
This file will now contain the actual styling ("looks") of the theme.

Downloaded theme

The user doesn't have to do anything else unless they want to customize the theme.
For that they simply need to open the theme archive with their favorite archive software, i.e. 7-zip.
Now they can open the theme.css file found in the archive and edit it like their own theme.

Bonus Ideas

  • Ability for themes to provide CSS variables that can be easily changed in-game via color pickers, text fields and other UI elements
  • Preview GUI to take a look at all UI elements for a given theme
@NurMarvin NurMarvin added the 🔥 enhancement New feature or request label Nov 18, 2020
@1zun4secondary 1zun4secondary added this to the Nextgen milestone Jan 17, 2021
@1zun4secondary 1zun4secondary changed the title [FEATURE] CSS Themes [FEATURE] Themes Feb 15, 2021
@1zun4 1zun4 modified the milestones: 1.0.0, 1.0.1 Jul 10, 2023
@1zun4 1zun4 modified the milestones: 0.2.0, 0.1.5 Mar 9, 2024
@1zun4
Copy link
Member

1zun4 commented Mar 9, 2024

Introduced in v0.1.5 but via Client Command.

@1zun4 1zun4 closed this as completed Mar 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔥 enhancement New feature or request 🌑 nextgen
Projects
None yet
Development

No branches or pull requests

3 participants