Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Changing the color of save slot buttons (Twine2/Sugarcube1)

edited September 2016 in Help! with 2.0
Hoping this will be a fairly easy question...as the title says, I'm trying to change the color of save slot buttons in Twine2/Sugarcube1. Specifically, I want to change the Save/Save to Disk.../Load from Disk.../Purge Slots/X buttons all to the same different color.

Thank you! :-)

Comments

  • If you use your web-browser's Developer Tools to look at the HTML being generated for buttons within the Save/Load dialog and combine that with SugarCube 1's CSS documentation, in particular that related to appearance.css you will notice that all the buttons are being styled using button based CSS selectors.

    eg.
    button {
    	....
    }
    button:hover {
    	....
    }
    button:active {
    	....
    }
    button, input, textarea {
    	....
    }
    

    If you include custom CSS based on the same sectors (in particular the first one) in your story's Story Stylesheet then you will be able to change the background-color property and the border-color property to suit your needs.

    note: the border-color of the button selector is embedded within the border property (#58e), just use a border-color property in your custom button selector to over-ride it.
  • Thank you for explaining the solution as well as how to find this information. Much appreciated!
Sign In or Register to comment.