nevermind, got it!
Sure thing!!
Ctrl+F '<i class="fa fa-times">
replace all with
<i class="fa fa-times" style="color:XXX">
Replace the X's with your color!
EDIT: If you want to change the background instead of the actual X
this would be the code for that!!
CTL+F <div class="btn btn-primary btn-sm">
Replace All with
<div class="btn btn-primary btn-sm" style="background-color:XXX;">
hi!! tysm for using my theme it looks great so far!!
Putting everything in a spoiler!
<div class="card card-inverse card-danger">
<div class="card-block">
<center><h3 class="d-inline mt-1" style="padding-bottom:0;border:none;">BASICS</h3></center>
</div>
</div>
This is the code for the basics button!
What you do is remove where it says "card-danger" and after the " add a style tag! It should look something like this! I used the color you had on your theme already for reference!
<div class="card card-inverse" style="background:#9f02f8;">
<div class="card-block">
<center><h3 class="d-inline mt-1" style="padding-bottom:0;border:none;">BASICS</h3></center>
</div>
</div>
The same can be done for the window buttons, just by removing the card-BLANK
<div class="btn btn-sm" style="background:pink;"><i class="fa fa-minus"></i></div>
As well as Info, which is located here
<!--- Info Card --->
<div class="pull-right">
<div class="row">
<div class="col-sm-4">
<div class="card card-outline-danger" style="background-color:white;width:300px;overflow-y: auto;">
<div class="card-inverse card-danger card-header">
Just remove the card-danger, and add your style tag!
<!--- Info Card --->
<div class="pull-right">
<div class="row">
<div class="col-sm-4">
<div class="card card-outline-danger" style="background-color:white;width:300px;overflow-y: auto;">
<div class="card-inverse card-header" style="background:#9f02f8;">
aaaand finally, if you want to change the table, you can do this! just add the tag
there MIGHT be a more refined way to do this, but, this was just on the top of my head (ive never actually customized the colors on one of the tables!)
<table class="table table-striped" style="background:#9f02f8;">
This can also be done to all the outlines as well!
Here's about what I ended up with! let me know if you need any more help!! I don't mind at all!
hey! how do I change the color of the windows from pink? :]
OH WAIT DO THEY CHANGE WITH.. what theme the person has? :flushed:
It changes with the user theme, but you can also change the color manually or even set an image as the tab background!!
CTL+F ' <div class="card card-outline-danger" style="background-color:white;">
<div class="card-inverse card-danger card-header"> '
replace with
<div class="card card-outline" style="background-color: #HERE">
<div class="card-inverse card-header" style="background-color: #HERE;">
or if you want a background, just use this <div class="card-inverse card-header" style="background-image: url('IMAGEHERE');">
Edit: you can also replace it with bootstrap colors! "card card-outline-danger" I use https://toyhou.se/1099931.-coding-snippet-goldmine#4059265 this for reference, and just replace it with whichever color you'd like from here
"card card-outline-default" for example!
hi !! i was just wondering if you knew how to make the windows be closed by default? :o if so, could you let me know which parts of the code to change to have the windows set to be closed by default? thank you so much for the code btw, it's really lovely !!
Thanks for commenting!! I hope its not too late for a response OTL
CTRL+F " collapse show "
and remove instances of "show" and just have collapse
So for example,
"<div id="personality" class="collapse show" aria-hidden="true">"
would be
"<div id="personality" class="collapse" aria-hidden="true">"
It will be closed by default, pressing the button will make it open again!
This is kinda funny, but when I was making the code initially, it was default to close, and it frustrated me so much because I wanted it open the entire time dfgsdfgs anyways I hope I could help!!
in one of the live examples, it all has a picture behind it. How did you go about adding that?
I'm sososo sorry about the late response to this!! I've been gone for a while it seems!!
If you're referring to this live preview
The code is
<div style="background-image: url('IMAGEHERE');">
You would place this above the following code
<div class="container" style="width: 100%;">
so, for example, it would look like this!
<div style="background-image: url('https://media.giphy.com/media/3o7bu2drvXlavjcr2E/giphy.gif');">
<div class="container" style="width: 100%;">
Again I'm so sorry I'm late to respond!! I hope this helps!!
[HTML] WINDOWED MODE's Comments