Okay I've newbed around this theming thing and I have Ideas and one is getting close allthough still issues here and there. Wait wait - I'll find my CSS for the theme BRB.
Let see how we do this....
This maybe
there we go... Uh it is really hard on the mobile the Insert code thing is still there... Went away when i push, great:
body {background-color: #2e3436; color:#bfbfbf;}
p {color: #bfbfbf;}
h1,h2,h3,h4,h5,h6 {color:#ffffff;}
/*
ff00f6<-- pink
ffea00 <-- yellow
bfbfbf <-- text
2e3436 and menu bar lines, background
191c1e <-- menu bar highlight color,
3b4245 <-- ramme
#ff9100 <--Orange
75858a <-- sidenav
*/
.Button:hover,
.Button:focus,
.Button.focus {
background-color:#000000;
color:#ffffff
}
.Button {
color:#bfbfbf;
background:#191c1e;
border: 1px solid #2e3436;
}
hr {
border-top:5px solid #5aff00
}
mark {
background:#ffea00 ;
color:#ff00f6
}
fieldset {
border:1px solid #2e3436
}
.sideNav .Dropdown--select .Dropdown-menu>li>a {
color:#bfbfbf
}
.sideNav .Dropdown--select .Dropdown-menu>li>a:hover {
background:none;
color:#ffffff;
}
.sideNav .Dropdown--select .Dropdown-menu>li.active>a {
background:none;
color:#ffffff;
}
@media print {
*,
*:before,
*:after {
background:transparent !important;
color:#ff00f6 !important;
box-shadow:none !important;
text-shadow:none !important
}
a,
a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
pre,
blockquote {
border:1px solid #ff00f6 ;
page-break-inside:avoid
}
}
#home-link {color:#d8d8d8}
/* bfbfbf d8d8d8*/
::selection {
color:#bfbfbf;
background: #191c1e;
}
.DiscussionListItem {color:ff9100; border: 1px solid #3b4245;}
.DiscussionList:not(.DiscussionList--searchResults) .read .DiscussionListItem-title {
color:#ffffff
}
.FormControl {color:#bfbfbf ; background-color:#191c1e; border: 1px solid #2e3436; font-weight:bold;}
.FormControl:focus,
.FormControl.focus {
background-color:#bfbfbf ;
color:#2e3436;
border: 1px solid #bfbfbf ;
font-weight:bold;
outline:none
}
/* ------- */
.modal-open {
overflow:hidden
}
.modal-backdrop {
position:fixed;
background-color:rgba(155,155,155,0.9);
opacity:0;
}
.modal-backdrop.in {
opacity:0.5
}
.Modal-content {
background-color:#292f30;
}
.Modal-body {
background-color:#2e3436;
color:#bfbfbf
}
.Modal-body .FormControl {
background-color:#272822;
color:#f8f8f2
}
.Modal-footer {
color:#ba00ff
}
.Modal-loading {
background:rgba(0,0,255,0.9);
opacity:0;
}
.Modal-loading.active {
opacity:1;
}
/*ff0000 ff940d e5ff00 00ff00 25c7ef 0000ff ba00ff */
.TextEditor-controls {
border-top:1px solid #76715e
}
.Composer-controls {background-color:#191c1e;}
.Composer {background-color:#272822; color:#25c7ef }
.Composer:not(.minimized):before {
content:" ";
background:rgba(0,0,50,1);
border-bottom:1px solid #c2d900;
opacity:0
}
.Composer.active,
.Composer.fullScreen {
background:#272822;
Color:#ff0000
}
.TextEditor textarea {
color:#ba00ff ;
}
So thats my Custon CSS file at the moment for color... Trying to make an updated theme of the CrunchBang theme from FluxBB. Love that theme! Although have another theme in mind afterwards for use for myself.
-edit- I'll try copy pasting again it is somewhat hard on mobile and seems I have some issues.
-edit- I think I got it working it seems with the forum code 🙂
-edit-
I know it is kinda messy I did some reverse engineering and some of it worked 🙂 anyway there might be much room for maybe making it easier for newbs like me, to easy make a custom theme with an easy CSS overiew availible for changing in one single documents. 🙂 Would be nice - but anyway here is my messy CSS code, just fix it into the Custom CSS or go to my forum website to see the progress. https://JesusIsJehovah.flarum.cloud or https://CrunchBang.flarum.cloud
I'm trying to make the Crunchbang theme as close as the original and then I have my own idea to work on 🙂
-edit-
A color template for CSS would be nice with the necesary commands for changing whatever 🙂 So one can easy produce some nice themes. That would be a good beginning for newbs like me to get going.
-edit-
Why is there both being used RGB code color and Hex Color code I think it is called? Does it not do the same, making color?
-edit-
Might it be possible to make an CSS template for colors with all command that is not doing anything before the inputs a color code into? Like if there is no data for the theme in that Style code it just uses the default color that it already had???
I wonder... Like body {background:#;} - I should test that when at the computer to see if something of that nature is possible.
