HOME | DD

Description
Being an artist who works with dark colors a lot, the contrast of SAI's UI burns my retinas. I went searching for a dark mode and found one by NotBoogie on Github. It wasn't dark enough though, so I teamed up with my friends Bustean and Miki to work around this problem. After a lot of time and bugfixing I can finally say we managed to make a working version, and we want to bring this to you since like half of Reddit wanted it as well.

INSTRUCTIONS:
Before doing anything make sure to back up your SAI folder just in case anything messes up because the changes are permanent. To do this all you need to do is copy it and paste it somewhere else like your desktop.
Tutorial video here .

1. Download the SaiThemeColorChanger folder from this Github link or this Drive link .
2. Extract the folder and open "SaiThemeColorChanger.exe"
3. A window should have popped up. In this window, drag the "sai.exe" file from your SAI folder. Follow the on-screen instructions and make sure the file path doesn't have any spaces.
4. Press enter and wait for the program to say it's finished.
And done! From now on your SAI should be permanently dark. Read the notes in this post if you have any questions regarding the UI itself.

IF THE FILE DOESN'T OPEN:
Install .NET Desktop Runtime 5 x86 from here .

Alternative instructions if none of the above worked:
1. For this you need to install Microsoft Visual Studio Code. You can do this here by selecting the community download.
2. You will be given an option to clone a repository. Click that, and type in this link github.com/MikiMirai/SaiThemeC…
3. Visual Studio will then most likely tell you you are missing some components. All you need to do is follow its instructions to install them.
4. On the top at around the middle of your screen there should be two green play buttons. Press the one to the left of "SaiThemeColorChanger". This will run the color changer.
5. Follow from step 3 of the instructions at the top.

HOW TO ADD YOUR OWN COLORS OR CHANGE THESE:
It is actually very easy even if you don't know how to code. Go in the Github page linked above and download the source code provided. You will need Visual Studio for proper editing and running, which can be installed using the links provided above.
In the source code, there is a section full of the same lines of code with a bunch of color hex codes. All lines mark which part of the original UI they are changing, with the first hex code in each line being the original color and the second being the color you are changing it to. All you have to do is change that second hex code to whatever you want to make your own version.
White and black cannot be changed, along with another hex code that is specifically marked that will break the program if changed.

FAQ:

1. Why are there white sections everywhere/why is the text black? They look ugly!
Without going too deep into coding junk, there are some hex codes we couldn't change like the white (#ffffff ) and black (#000000) which would break everything and make the program unusable, so that's why you see these ones as unchanged in all versions of this UI change made by us and other people.

2. Is this yours?
Yes and no. Like mentioned at the beginning, this was started off NotBoogie's project, who is only a kind stranger to me. I had the idea to make all the changes to it and had my friends Bustean and Miki help me out since I wasn't familiar with the type of code he was using. The three of us found bugs and solutions to them together.

3. I encountered a bug that makes SAI unusable using this. Where can I report it?
Here in the comments, though I cannot guarantee I'll be able to help. I'll do my best though.

4. Does this work on MacOS?
I genuinely have no clue or anyone I could ask to test this. We'll have to see from other people in here, but if it doesn't or there's any bugs I really can't help as I'm not familiar with MacOS.

5. None of the instructions worked! Help??
Write your issue in the comments in detail and I'll try to help.

6. Why isn't the download directly on Deviantart?
I wish I knew as well, Sta.sh was giving me problems when uploading it.

7. Does this work on every version?
It's only guaranteed to work on version Preview 2017.08.20, it seems to work for older and newer ones but some specific versions encounter some issues (you can see which by checking the comments of people reporting it). In those cases, the only way to fix the errors is to manually go through the source code and change each hex value one at a time to see which one is causing the errors. You are free to do so by downloading the source code provided.

Description
Being an artist who works with dark colors a lot, the contrast of SAI's UI burns my retinas. I went searching for a dark mode and found one by NotBoogie on Github. It wasn't dark enough though, so I teamed up with my friends Bustean and Miki to work around this problem. After a lot of time and bugfixing I can finally say we managed to make a working version, and we want to bring this to you since like half of Reddit wanted it as well.

INSTRUCTIONS:
Before doing anything make sure to back up your SAI folder just in case anything messes up because the changes are permanent. To do this all you need to do is copy it and paste it somewhere else like your desktop.
Tutorial video here .

1. Download the SaiThemeColorChanger folder from this Github link or this Drive link .
2. Extract the folder and open "SaiThemeColorChanger.exe"
3. A window should have popped up. In this window, drag the "sai.exe" file from your SAI folder. Follow the on-screen instructions and make sure the file path doesn't have any spaces.
4. Press enter and wait for the program to say it's finished.
And done! From now on your SAI should be permanently dark. Read the notes in this post if you have any questions regarding the UI itself.

IF THE FILE DOESN'T OPEN:
Install .NET Desktop Runtime 5 x86 from here .

Alternative instructions if none of the above worked:
1. For this you need to install Microsoft Visual Studio Code. You can do this here by selecting the community download.
2. You will be given an option to clone a repository. Click that, and type in this link github.com/MikiMirai/SaiThemeC…
3. Visual Studio will then most likely tell you you are missing some components. All you need to do is follow its instructions to install them.
4. On the top at around the middle of your screen there should be two green play buttons. Press the one to the left of "SaiThemeColorChanger". This will run the color changer.
5. Follow from step 3 of the instructions at the top.

HOW TO ADD YOUR OWN COLORS OR CHANGE THESE:
It is actually very easy even if you don't know how to code. Go in the Github page linked above and download the source code provided. You will need Visual Studio for proper editing and running, which can be installed using the links provided above.
In the source code, there is a section full of the same lines of code with a bunch of color hex codes. All lines mark which part of the original UI they are changing, with the first hex code in each line being the original color and the second being the color you are changing it to. All you have to do is change that second hex code to whatever you want to make your own version.
White and black cannot be changed, along with another hex code that is specifically marked that will break the program if changed.

FAQ:

1. Why are there white sections everywhere/why is the text black? They look ugly!
Without going too deep into coding junk, there are some hex codes we couldn't change like the white (#ffffff ) and black (#000000) which would break everything and make the program unusable, so that's why you see these ones as unchanged in all versions of this UI change made by us and other people.

2. Is this yours?
Yes and no. Like mentioned at the beginning, this was started off NotBoogie's project, who is only a kind stranger to me. I had the idea to make all the changes to it and had my friends Bustean and Miki help me out since I wasn't familiar with the type of code he was using. The three of us found bugs and solutions to them together.

3. I encountered a bug that makes SAI unusable using this. Where can I report it?
Here in the comments, though I cannot guarantee I'll be able to help. I'll do my best though.

4. Does this work on MacOS?
I genuinely have no clue or anyone I could ask to test this. We'll have to see from other people in here, but if it doesn't or there's any bugs I really can't help as I'm not familiar with MacOS.

5. None of the instructions worked! Help??
Write your issue in the comments in detail and I'll try to help.

6. Why isn't the download directly on Deviantart?
I wish I knew as well, Sta.sh was giving me problems when uploading it.

7. Does this work on every version?
It's only guaranteed to work on version Preview 2017.08.20, it seems to work for older and newer ones but some specific versions encounter some issues (you can see which by checking the comments of people reporting it). In those cases, the only way to fix the errors is to manually go through the source code and change each hex value one at a time to see which one is causing the errors. You are free to do so by downloading the source code provided.