Page 1 of 2

Scrivener 3 Themes

Posted: Wed Nov 22, 2017 12:56 pm
by AmberV
With Scrivener 3 comes a plethora of new settings for adjusting how the software looks. The ability to save themes either as presets that you can switch to on the fly, or as files that you can share with others, is found along the bottom of the preference pane in the Manage... button.

Managing Themes

To install and apply a theme, such as the one provided here:
  1. Use the Scrivener/Preferences... menu command.
  2. Click the Manage... button along the bottom left.
  3. Choose the “Load Theme Preferences…” option.
  4. Select the .stheme file that you’ve downloaded and wish to install.
    The settings will be immediately applied to your preferences. Theme settings only change those settings that relate to select appearance options. They won’t override how you use the software, and so they can be safely experimented with.
  5. If you’d like to keep these settings as a preset, again use the Manage... menu, and this time select "Save Theme Preferences as Preset…` command.
    Optionally: you can drag the .stheme file directly into Scrivener’s support folder (use the Reveal Support Folder in Finder menu command from either the main Scrivener menu or File menu for macOS/Win, respectively), under the “PreferencePresets” subfolder. It will now appear in the Manage menu as an option you can select with a single click.
  6. Give the preset a name, and select whether any of the fonts from your current settings should be saved along with it.
    You might want to save your own settings in this manner first, before trying out a theme you’ve downloaded. That way you can quickly switch back to your own settings if it doesn’t work for you.
    Additionally, you can download the Scrivener 3 default appearance settings as a theme.
With that all out of the way, here is a theme you can try all of this with.

Removing Themes

Have you installed a theme as a preset that you don’t care for? You can remove it from the menu with the following steps:
  1. Use the Scrivener/Reveal Support Folder in Finder menu command.
  2. Drill into the PreferencePresets folder.
  3. Locate the .stheme or .prefs file you wish to remove and drag it to the trash.
Purple Haze

For Scrivener 3 (currently macOS only):

Image

Download.

Unzip the downloaded file if necessary, and within you’ll find two variants. One will set up fonts the way they are shown in the screenshots, and the other will just change the colours, leaving your user interface font settings alone.

Theme Index

I will do my best to keep an index of the themes posted to this thread, to save folks from having to read through the entire thing. If you’ve created a theme and you don’t see it appear with a couple of days, give me a nudge via PM. If you update your post—perhaps to remove its “work in progress” status, let me know as I’ll otherwise not see notification of the edit.


Re: Scrivener 3 Themes

Posted: Wed Nov 22, 2017 1:47 pm
by auxbuss
This is very nice. Thanks.

Just a thought: It might be worth providing the preferences and theme default files with Scrivener.

Re: Scrivener 3 Themes

Posted: Wed Nov 22, 2017 2:02 pm
by AmberV
Good idea, I've uploaded those and added the link.

Re: Scrivener 3 Themes

Posted: Wed Nov 22, 2017 8:15 pm
by derick
Here's a preliminary dark mode
.
Darker.stheme.zip
(2.95 KiB) Downloaded 155 times


I ran into some issues.... a lot of elements (Search Results, Outliner, among others) couldn't be set to have a black background b/c the text was fixed as black (or dark grey). Also the buttons at the bottom of the Binder are invisible (though still active).

But I really like the black binder, esp. in fullscreen mode with the toolbar hidden.

Re: Scrivener 3 Themes

Posted: Fri Nov 24, 2017 2:34 pm
by rootscript
Would be a great modern option for night owls like me to be able to have a full dark mode in the editor and the full UI (user interface) in Scrivener 3.

Just like the IOS version, a Dark Mode would be a welcome addition to the MacOS version. It would be be a great option to have in Preferences or View Menu > Dark Mode.

Image

Is this something that is hight on developers list? For me, and lots of people who work full time on computer displays, it is a necessity.

I've been fiddling around in lots places within `Preferences`, and after 30 mins, I've made a half light / half dark theme. I wish it wasn't so messy to try to do this, and the end result is not very pretty. :|

Re: Scrivener 3 Themes

Posted: Fri Nov 24, 2017 8:11 pm
by brookter
rootscript wrote:Would be a great modern option for night owls like me to be able to have a full dark mode in the editor and the full UI (user interface) in Scrivener 3.



Apologies if you know this already, but have you tried the 'Invert Colours' option in System Preferences > Accessibility > Display?

Screenshot 2017-11-24 20.15.37.png
Screenshot 2017-11-24 20.15.37.png (363.25 KiB) Viewed 1576 times


You'd have to play around a bit (a lot?) with the colours to get it right (I haven't with the screen shot) but it might be worth exploring perhaps?

(PS: you'll have to do the inver t colour thing to see the screenshot in inverse colours -- apparently screenshots always take in 'real colour'! I learn that just now ;-)

Re: Scrivener 3 Themes

Posted: Sun Nov 26, 2017 10:58 pm
by erictsatt
Thanks for sharing! I'm hoping this thread continues to grow as people added more and more themes.

I am a bit bummed that Scrivener 3 doesn't come with at least a variety of pre-built themes as it seems there are a lot of users on a variety of online forums who want to use themes effectively but don't know how to do so or what colors to change.

I'm not sure about everyone else, but I am color-coding-challenged, so I can't come up with a complementary color palette to save my life. Since there are still aspects of the Scrivener interface that can't be changed, I find it almost impossible to configure my UI colors in such a way that they don't clash with the unchangeable areas. It would be a really big help if the good folks at Scrivener would start releasing either the theme files themselves or at least the Menu Option and corresponding Color Hex in these forums or on a series of blog posts or something.

Butterfly Theme

Posted: Wed Nov 29, 2017 12:52 pm
by AmberV
This theme was created a while back, in response to this thread, but when that thread was active, the best I could have done was provided a few Scirvener 2 tips—which would have worked, but Scrivener 3 does all of this so much better!

Image

As this includes both a look and feel, it is distributed not as an .stheme file alone, but as a project template. Much of what it aims to do is provide a project window that functions similarly to a 3-pane navigation style program, with numerous tweaks to the project options and settings.

Download “Butterfly”.

To install the project template:
  1. Unzip the downloaded file if necessary.
  2. In Scrivener, use the File/New Project... menu command.
  3. Click the Options... button in the bottom left corner.
  4. Use the “Import Templates…” command, and select the file you unzipped in step 1.
  5. Click on the “Blank” category if necessary and select the “Butterfly” template to create a new project.
  6. Read the help file at the top, as it includes instructions for extracting and installing the .stheme from the project, as well as the monospace font the settings were designed to work with.
With all respect to the team behind Ulysses, whose elegant UI work served as inspiration for this theme.

Re: Scrivener 3 Themes

Posted: Wed Nov 29, 2017 10:32 pm
by shrumpkin
I too second the vote that there could be a Scrivener 3 theme pack of sorts, for those of us who only wish to write and not “fiddle” with things, but enjoy and appreciate another’s fiddling about. :lol: (Although it would probably do me some good to learn how to tweak the appearance settings in Scrivener.)

Re: Butterfly Theme

Posted: Wed Nov 29, 2017 10:48 pm
by marcoiac
AmberV wrote:This theme was created a while back, in response to this thread, but when that thread was active, the best I could have done was provided a few Scirvener 2 tips—which would have worked, but Scrivener 3 does all of this so much better!

Image

As this includes both a look and feel, it is distributed not as an .stheme file alone, but as a project template. Much of what it aims to do is provide a project window that functions similarly to a 3-pane navigation style program, with numerous tweaks to the project options and settings.

Download “Butterfly”.

To install the project template:
  1. Unzip the downloaded file if necessary.
  2. In Scrivener, use the File/New Project... menu command.
  3. Click the Options... button in the bottom left corner.
  4. Use the “Import Templates…” command, and select the file you unzipped in step 1.
  5. Click on the “Blank” category if necessary and select the “Butterfly” template to create a new project.
  6. Read the help file at the top, as it includes instructions for
With all respect to the team behind Ulysses, whose elegant UI work served as inspiration for this theme.


Wow Ioa, it does look like Ulysses! Are you sure it's not Ulysses??? :D Just kidding, I downloaded it and I'll have fun with it. Thanks

Re: Scrivener 3 Themes

Posted: Mon Dec 04, 2017 2:35 am
by TactualRain
AmberV wrote:The ability to save themes either as presets that you can switch to on the fly, or as files that you can share with others, is found along the bottom of the preference pane


This is spectacular! Thank you for sharing. I love being able to have different look and feel in my software :D

Re: Scrivener 3 Themes

Posted: Mon Dec 04, 2017 4:17 pm
by shrumpkin
To L&L,

You folks are incredible. Thank you so much for the ability to tweak the software to our liking. You surely didn't have to go [i]that[i]far beyond the update, but you did. And that shows a commitment to your users. I cannot wait to see what ya'll come up with (I live in the southern US) as days go by.

Re: Scrivener 3 Themes

Posted: Mon Dec 04, 2017 6:16 pm
by AmberV
Aw shucks! :D You're welcome!

Re: Scrivener 3 Themes

Posted: Wed Dec 06, 2017 4:12 am
by mlondon
Adding my request for a DarkMode/Nighttime theme. I dont have time to fiddle myself.

Also, what about putting a Theme manager menu item in the Scrivener menu under preferences? Would make it much quicker to switch between themes.

Re: Scrivener 3 Themes

Posted: Wed Dec 06, 2017 11:26 am
by AmberV
Let's try to keep this thread on posting themes we've made and commenting on those themes. There is a whole board for feature requests. Thank you!