# How do I customize the stat screen color scheme like that of Fallen Hero: Rebirth

**URL:** <https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178>\
**Category:** ChoiceScript Help\
**Tags:** tips, coder\
**Created:** [June 14, 2020, 3:50pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178 "2020-06-14T15:50:00Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Big\_Bird](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/big_bird/32/116902_2.png) [@Big\_Bird](https://forum.choiceofgames.com/u/Big_Bird)\
**Post date:** [June 14, 2020, 3:50pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/1 "2020-06-14T15:50:00Z")

</div>

Generally, the stat bars are red and blue colored but the one from Fallen Hero: Rebirth is cyan and orange. How can I make similar changes?

 ![IMG_20200614_211628](https://global.discourse-cdn.com/choiceofgames/original/3X/9/6/969413fa7d813edc551c343958094d3614a0037d.jpeg)

---

<div class="post-metadata">

**Author:** ![witchmark](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/witchmark/32/118801_2.png) [@witchmark](https://forum.choiceofgames.com/u/witchmark)\
**Post date:** [June 14, 2020, 4:53pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/2 "2020-06-14T16:53:09Z")

</div>

You have to edit the style.css file where your game is located (so generally \dfabulich-choicescript-4600ebf\web). You can edit it with a simple text editor, same as the rest of ChoiceScript, so no worries about that. [This page](https://choicescriptdev.fandom.com/wiki/Style.css) on the ChoiceScript wiki has a list of what you can change and where to find it in your style.css file.

---

<div class="post-metadata">

**Author:** ![Szaal](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/szaal/32/112202_2.png) [@Szaal](https://forum.choiceofgames.com/u/Szaal)\
**Post date:** [June 15, 2020, 2:53am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/3 "2020-06-15T02:53:57Z")

</div>

More in-depth CSS tutorial  
[https://www.w3schools.com/css/default.asp](https://www.w3schools.com/css/default.asp)

---

<div class="post-metadata">

**Author:** ![rinzygreye](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/rinzygreye/32/159472_2.png) [@rinzygreye](https://forum.choiceofgames.com/u/rinzygreye)\
**Post date:** [July 15, 2020, 3:36am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/4 "2020-07-15T03:36:07Z")

</div>

I checked my pc but couldn’t find the folder

---

<div class="post-metadata">

**Author:** ![Jacic](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/jacic/32/7061_2.png) [@Jacic](https://forum.choiceofgames.com/u/Jacic)\
**Post date:** [July 15, 2020, 5:28am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/5 "2020-07-15T05:28:38Z")

</div>

Ohh I didn’t know we were allowed to play with the style file for games going to HG. I’d like some pretty stats bars for some of my projects 💫 💥

What aspects are we allowed to mess with? Is it just the stats bars and maybe the button colours? I’m guessing not page and general text colours etc?

@rinzygreye

![image](https://global.discourse-cdn.com/choiceofgames/original/3X/9/f/9f5385c1acf17df16f8726e0470fa1e7bced9295.png)

---

<div class="post-metadata">

**Author:** ![rinzygreye](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/rinzygreye/32/159472_2.png) [@rinzygreye](https://forum.choiceofgames.com/u/rinzygreye)\
**Post date:** [July 15, 2020, 11:34am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/6 "2020-07-15T11:34:15Z")

</div>

I’m not sure we’re allowed to but if we are I’d like to play around with my stats menu 😁

---

<div class="post-metadata">

**Author:** ![rinzygreye](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/rinzygreye/32/159472_2.png) [@rinzygreye](https://forum.choiceofgames.com/u/rinzygreye)\
**Post date:** [July 15, 2020, 11:42am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/7 "2020-07-15T11:42:40Z")

</div>

Where’d you find it?

---

<div class="post-metadata">

**Author:** ![cup\_half\_empty](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/cup_half_empty/32/273983_2.png) [@cup\_half\_empty](https://forum.choiceofgames.com/u/cup_half_empty)\
**Post date:** [July 15, 2020, 11:54am UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/8 "2020-07-15T11:54:02Z")

</div>

You have to download all choicescript [files](https://github.com/dfabulich/choicescript). If you’re using CSIDE, the project folder will have only the scene text files.

The style.css file should be inside the `./web/` folder.

---

<div class="post-metadata">

**Author:** ![Alice-chan](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/alice-chan/32/63712_2.png) [@Alice-chan](https://forum.choiceofgames.com/u/Alice-chan)\
**Post date:** [July 15, 2020, 12:08pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/9 "2020-07-15T12:08:13Z")

</div>

If we are using CSIDE how would we go about this sort of customisation?

---

<div class="post-metadata">

**Author:** ![cup\_half\_empty](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/cup_half_empty/32/273983_2.png) [@cup\_half\_empty](https://forum.choiceofgames.com/u/cup_half_empty)\
**Post date:** [July 15, 2020, 12:53pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/10 "2020-07-15T12:53:56Z")

</div>

Well, generally, you _don’t_. That’s the tradeoff. CSIDE uses the same stylesheet across projects. If you want a custom stylesheet, I suggest editing the css and then compiling outside of CSIDE. You can still use CSIDE to do the actual writing of the gamebook.

* * *

**But…** If you really must, then:

(Disclaimer: Do this at your own risk.)

1. Go to the folder where CSIDE is installed
  - For example: `C:\Users\user\AppData\Local\ChoiceScript IDE`

2. Open the file `package.nw` with a _file archiver_ like WinRAR or 7-Zip
3. Edit the file `compile_head.txt` in Notepad++ for example:
  - The stylesheet is embedded here
  - The style section begins at line 10687
  - The stats style, more precisely, is between lines 10776 and 10813

4. Save and repack.
  - I highly recommend making a backup of the original `package.nw` file

5. Repeat the same process for `prev-package.nw`

Keep in mind that this would change the stylesheet for **all** your projects. It is also possible that your changes might get overwritten by future CSIDE updates.

---

<div class="post-metadata">

**Author:** ![Alice-chan](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/alice-chan/32/63712_2.png) [@Alice-chan](https://forum.choiceofgames.com/u/Alice-chan)\
**Post date:** [July 15, 2020, 2:30pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/11 "2020-07-15T14:30:59Z")

</div>

Sorry for another question, I dont feel very smart here: I have only ever used CSIDE - if I wanted to edit the stylesheet after doing my wrting in CSIDE I would dowload choicescript from github then export my scenes from CSIDE and compile with the downloaded choicescript copy? Then I could edit the stylesheet?

---

<div class="post-metadata">

**Author:** ![cup\_half\_empty](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/cup_half_empty/32/273983_2.png) [@cup\_half\_empty](https://forum.choiceofgames.com/u/cup_half_empty)\
**Post date:** [July 15, 2020, 3:58pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/12 "2020-07-15T15:58:41Z")

</div>

Write your game using CSIDE like you normally would. However, when you’re ready to compile it, do not use CSIDE’s compiler. Download choicescript from github, edit the stylesheet, and **then** use choicescript `compile.html`.

* * *

1. **Download ChoiceScript from [github](https://github.com/dfabulich/choicescript).**  
 ![2](https://global.discourse-cdn.com/choiceofgames/original/3X/b/5/b58dedb80db90d7c58193c86a501cd074c98ce30.png)
2. **Export or copy the scene files.**  
⚠ Do not compile from CSIDE.
  - Save or copy the files to `./web/mygame/scenes` of ChoiceScript
  - Delete any files already there first.  
 ![1](https://global.discourse-cdn.com/choiceofgames/original/3X/2/5/256fe92b38b3886813bb58b59c0fe8eead525e12.png)

3. **Edit `style.css` file in the `./web` folder.**  
 ![3](https://global.discourse-cdn.com/choiceofgames/original/3X/9/3/932e22c7dd49f53b840ed7adf7a723f6a09ec1d8.png)
4. **Use ChoiceScript shipped `compile.html` to compile your game.**  
The file is found in the root folder.  
This will open a new browser tab where you can upload the game’s files.  
Select the complete `./web` folder and “upload” it.  
Save and rename the compiled game.

---

<div class="post-metadata">

**Author:** ![Alice-chan](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/alice-chan/32/63712_2.png) [@Alice-chan](https://forum.choiceofgames.com/u/Alice-chan)\
**Post date:** [July 15, 2020, 4:38pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/13 "2020-07-15T16:38:37Z")

</div>

That makes perfect sense and is very easy to follow, thank you loads 🥰

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/choiceofgames/original/3X/e/f/efe1497a762edecdb6d569a1c4abee87508bf002.png) [@system](https://forum.choiceofgames.com/u/system)\
**Post date:** [July 16, 2020, 4:38pm UTC](https://forum.choiceofgames.com/t/how-do-i-customize-the-stat-screen-color-scheme-like-that-of-fallen-hero-rebirth/81178/14 "2020-07-16T16:38:40Z")

</div>

Closed on July 16, 2020, 4:38pm UTC

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
