ElkArte Community

Extending Elk => Custom Themes => Topic started by: Spuds on August 31, 2014, 02:30:03 am

Title: [Theme] Silence
Post by: Spuds on August 31, 2014, 02:30:03 am
This is a dark theme, based off the default theme.  Its something I put together (I'm not a themer ;) ) so I could test a few things and figured it may help others who want to start a dark theme variant.  I may make some updates as time goes on, you never know!

http://themes.elkarte.net/variant/Silence.html

Title: Re: [Theme] Silence
Post by: phantom on August 31, 2014, 03:24:33 pm
Nice, but I like more Be Social! variant ::)
Title: Re: [Theme] Silence
Post by: emanuele on August 31, 2014, 05:34:54 pm
/me suggests Spuds to throw it up here on the site! O:-)
Title: Re: [Theme] Silence
Post by: meetdilip on August 31, 2014, 06:14:47 pm
Nice work @Spuds .
Title: SPLIT: "Submit" themes
Post by: emanuele on September 05, 2014, 03:35:03 pm
The discussion about submitting themes has been moved to this topic:
http://www.elkarte.net/community/index.php?topic=1937.0
Title: Re: [Theme] Silence
Post by: forumsearch0r on September 07, 2014, 04:35:33 am
I'd bang it.
Ehm, use.

Admittedly the colors aren't really thrilling.
Title: Re: [Theme] Silence
Post by: Eliana Tamerin on February 08, 2015, 04:30:46 am
I started using this. I agree, the colors aren't thrilling, so I started modifying them to a gold-ish theme based on #FFBF00. The blues and some of the greys are being replaced with this. Once I'm done, I'll put up a demo for screenshots.

@Spuds what is your license for this theme?
Title: Re: [Theme] Silence
Post by: Spuds on February 08, 2015, 04:56:35 am
http://creativecommons.org/licenses/by/4.0/

Looking forward to what you come up with !

Title: Re: [Theme] Silence
Post by: Mstcool on February 18, 2015, 03:03:01 am
Very Nice! Personally, I like dark colors cuz they don't put strain on my eyes as much as light colors do. Well done! :D
Title: Re: [Theme] Silence
Post by: Burke Knight on June 06, 2015, 03:08:10 pm
Spuds, I love this, and am working on it for a site.
However, I have to agree with an earlier post:

Nice, but I like more Be Social! variant ::)

Is there a way to get the menu from the Be Social into this theme?

I'd try to do it, but I'm way too new to ElkArte coding to know what and where everything is... LOL
Title: Re: [Theme] Silence
Post by: Spuds on June 09, 2015, 03:03:21 pm
Sorry, I have not had a chance to look at this.

I don't think it would be too difficult to swap the beSocial menu in place here, mainly since this is the stock ElkArte menu.  So the change should all be in the variant file and not effect the templates or main css at all.

If you are still trying to do this and need some help, I'll try to give it a shot sometime this week.
Title: Re: [Theme] Silence
Post by: Jorin on July 06, 2015, 11:54:51 am
Can I download this theme anywhere?
Title: Re: [Theme] Silence
Post by: Burke Knight on July 06, 2015, 12:22:53 pm
Should be able to via theme site.
The home page and menu tab has link to it.
Title: Re: [Theme] Silence
Post by: Jorin on July 06, 2015, 12:24:28 pm
Ah, thanks!  :-[
Title: Re: [Theme] Silence
Post by: Burke Knight on July 06, 2015, 12:25:53 pm
http://themes.elkarte.net/variant/Silence.html
Title: Re: [Theme] Silence
Post by: Burke Knight on July 08, 2015, 04:26:24 am
Sorry, I have not had a chance to look at this.

I don't think it would be too difficult to swap the beSocial menu in place here, mainly since this is the stock ElkArte menu.  So the change should all be in the variant file and not effect the templates or main css at all.

If you are still trying to do this and need some help, I'll try to give it a shot sometime this week.

I think I'll need this now. :)
Title: Re: [Theme] Silence
Post by: emanuele on July 08, 2015, 10:17:11 am
You may look at besocial css, the menu-related code should be under the section "$MENUS", I guess most of it is due to the 
Code: [Select]
#menu_nav {
declaration, plus maybe something else. ;D
Title: Re: [Theme] Silence
Post by: Burke Knight on July 08, 2015, 01:18:53 pm
I'll look and see.
I did a quick look last night, and Silence's css was missing that when searched, since found it in the Be Social, so that could be what need. Just, was not able to try at that time. (Was late and working on 5 things at the time...LOL)

EDIT:

Well, I hacked away, and got it to work...

/me waits for the site to self destruct in protest.
Title: Re: [Theme] Silence
Post by: oblivion on August 03, 2015, 04:47:40 am
Is this theme no longer available?  I tried to download it and the download link brought me to this thread.  I'm looking for a dark theme.
Title: Re: [Theme] Silence
Post by: Flavio93Zena on August 03, 2015, 07:25:19 am
Welcome to Elkarte oblivion!

Yes you are right about that, very much likely a c/p error while updating or something... Btw, I think @Spuds will fix it as soon as he reads this ;)
Title: Re: [Theme] Silence
Post by: Spuds on August 03, 2015, 12:20:41 pm
Sorry about the wrong link, at one time I had the download in this thread but now its on github.

Anyway the link on the themes site has been updated, thanks for letting me know :D

http://themes.elkarte.net/2014/12/Silence/
Title: Re: [Theme] Silence
Post by: oblivion on February 21, 2016, 05:03:18 am
Thank you and sorry for not doing so sooner!  I put this project to the side and only just picked it back up this week.
Title: Re: [Theme] Silence
Post by: Frenzie on April 14, 2016, 08:27:12 pm
Quote from: http://thedndsanctuary.eu/index.php?topic=2348.msg54271#msg54271
One more comment on the dark theme. In mobile mode it seems to be showing recent posts alternately dark and light, while in desktop browser all posts have the same style. Is this intended or accidental?
Title: Re: [Theme] Silence
Post by: Spuds on April 14, 2016, 09:56:26 pm
That be an accident, must have missed a color in the mobile section of media query's.
Title: Re: [Theme] Silence
Post by: Antechinus on June 05, 2016, 01:37:04 am
Oi Spudseses! There's a buglet in this one.

Code: (elk_theme_silence/css/_dark/index_dark.css) [Select]
textarea:hover, .editor:hover {
background: #fbfbfb;
}

Would be better as #222. ;)
Title: Re: [Theme] Silence
Post by: Spuds on June 06, 2016, 05:18:21 pm
Thanks! Spudseses has updated this (on his local copy, can't update git just yet)
Title: Re: [Theme] Silence
Post by: oblivion on June 08, 2016, 04:05:46 am
The Admin manage boards page in this theme is almost impossible to use.  The button text is illegible.
Title: Re: [Theme] Silence
Post by: Antechinus on June 08, 2016, 06:34:36 am
I'll get onto this one too.
Title: Re: [Theme] Silence
Post by: jakedp on December 07, 2016, 11:51:13 pm
I' am not a fan of material design for information heavy designs like a forum. The idea for a web page, forum, and other public media is to present information and for me material design and modern web design in general is going, and has gone, in the direction of removing the main function of information technology: presenting information. So thank you for the theme. I did some modifications and have used it for 10 months now. It is the only theme I like for ElkArte actually and looks the most professional. This eye candy, endless scrolling, illiterate, fashion of modern web design is annoying. But I digress. Good work on the theme and all around on the software!
Title: Re: [Theme] Silence
Post by: nous on October 30, 2017, 05:11:07 pm
Migrating Silence from 1.0.10 to 1.1 is problematic; some forum icons were rendered huge, and I mean HUGE! (https://i.imgur.com/59S8ldo.png) (https://i.imgur.com/eEQFQrE.png) (https://i.imgur.com/2XVmG94.png) (https://i.imgur.com/DvlqAC4.jpg)

I'm not nearly a CSS expert, so I started experimenting by copying over files from the default theme directory into silence's, which improved the situation a lot. This happened both on a running forum and on a brand new ElkArte 1.1 installation in localhost. Thing is, I don't really know which file fixed (or broke  ;)  ) what, but anyway it's almost working now. One last thing that I can't fix is the message content that, for desktop browsers, the quote frame strikes through behind and the rest of the text wraps below the avatar column (https://artixlinux.org/forum/index.php?topic=169.msg1365#msg1365) (picture 4). I did fix the dark colors of the code segment as can be seen later down the thread, although I don't remember how.

Any chances of getting Silence updated for 1.1?

[EDIT] Well, I just read the 1.1 announcement and it clearly states that themes do not work. Oh, well.
Title: Re: [Theme] Silence
Post by: TE on October 31, 2017, 07:55:43 am
Code: [Select]
#info_center i {
    display: inline-block;
}
should fix the huge icons ..
Title: Re: [Theme] Silence
Post by: Frenzie on November 01, 2017, 09:41:19 pm
Migrating Silence from 1.0.10 to 1.1 is problematic; some forum icons were rendered huge, and I mean HUGE!
I like it. So nice and sharp. :D
Title: Re: [Theme] Silence
Post by: nous on November 03, 2017, 05:50:42 pm
Code: [Select]
#info_center i {
    display: inline-block;
}
should fix the huge icons ..

I put it both in custom.css and index_dark.css and it didn't fix the huge icons.
Title: Re: [Theme] Silence
Post by: TE on November 03, 2017, 06:07:19 pm
it doesn't fix all larger icons, just the three very big ones in the info_center whick had 100% size..
Title: Re: [Theme] Silence
Post by: nous on November 04, 2017, 08:41:57 pm
It does indeed, my bad, there was caching that showed the unmodified version. Do you by any chance have a fix for the message content shifting under the avatar area?   :D

Title: Re: [Theme] Silence
Post by: TE on November 04, 2017, 09:16:23 pm
not sure if it works but in theory it should:
Code: [Select]
.postarea {
    margin-left: 160px !important;
}
Title: Re: [Theme] Silence
Post by: nous on November 04, 2017, 11:06:26 pm
not sure if it works but in theory it should:
Code: [Select]
.postarea {
    margin-left: 160px !important;
}

Yes, that was it, at 190px though. Thanks a lot!
Title: Re: [Theme] Silence
Post by: nous on November 10, 2017, 09:28:55 am
This affected badly the CSS for mobile devices. On my phone the message content area gets pushed way too much to the right, while previously worked fine, just as in 1.0.10. Please, see attached screenshot.
Title: Re: [Theme] Silence
Post by: nous on November 10, 2017, 10:52:21 am
Code: [Select]
#info_center i {
    display: inline-block;
}
should fix the huge icons ..

Probably not the correct way (tm) to approach theme-ing in 1.1, but it would seem that the surest workaround until the themes get ported to 1.1 is an entry in custom.css like this:
Code: [Select]
.icon, .helpicon, .warnicon, .infoicon, .chevricon {
        display: inline-block;
        margin: 0 .25em;
        width: 1.25em;
        height: auto;
        vertical-align: middle;
        line-height: 1.25em;
}

Taken from existing css and corrected BeCool, LazyDay, FaceIt, Separation and StormCloud huge icons.
Title: Re: [Theme] Silence
Post by: TE on November 10, 2017, 04:39:54 pm
totally forgot smartphones with low screen resolution, but you can revert that
Code: [Select]
.postarea {
    margin-left: 160px !important;
}
in a media query:
Code: [Select]
@media screen and (max-width: 50em) {
.postarea {
    margin-left: 0px !important;
}
}

Not sure on the 50em and the 0px margin (don't know wthats the defaults for that theme), maybe it's needed for smartphones only, that would be:
Code: [Select]
(max-width: 33.750em)
Title: Re: [Theme] Silence
Post by: jcurlz on November 15, 2017, 02:29:35 am
Im so confused. I want to used this theme but i just dont understand how to edit everything to get it back to where it suppose to look like
Title: Re: [Theme] Silence
Post by: Allan on November 15, 2017, 02:44:17 am
You can download the theme  here http://themes.elkarte.net/variant/Silence.html the previous posts are talking about customizing the theme to fit the needs of the user. 
Title: Re: [Theme] Silence
Post by: jcurlz on November 15, 2017, 02:47:31 am
I have just downloaded that  but the icons are huge as hell
Title: Re: [Theme] Silence
Post by: Allan on November 15, 2017, 03:08:33 am
from reading above you can add the code below into the custom.css file to correct the problem. I am not to familiar with this theme just trying to help out. 


Code: [Select]
icon, .helpicon, .warnicon, .infoicon, .chevricon {
        display: inline-block;
        margin: 0 .25em;
        width: 1.25em;
        height: auto;
        vertical-align: middle;
        line-height: 1.25em;
}
Title: Re: [Theme] Silence
Post by: jcurlz on November 15, 2017, 07:25:13 am
what css would i put it in. theres so many
Title: Re: [Theme] Silence
Post by: nous on November 16, 2017, 09:38:01 pm
what css would i put it in. theres so many
Create a new file named custom.css inside themes/silence/css and put that code block in it.
Title: Re: [Theme] Silence
Post by: jcurlz on December 17, 2017, 12:09:54 am
what css would i put it in. theres so many
Create a new file named custom.css inside themes/silence/css and put that code block in it.

how do I do that?
Title: Re: [Theme] Silence
Post by: jcurlz on December 17, 2017, 02:23:06 am
I figured it out but the only issue now is the info area is still the same
under the boards part

http://nwl.rf.gd/index.php
Title: Re: [Theme] Silence
Post by: fritzelly on August 29, 2018, 08:40:03 pm
Tried using this but not getting any posts when you click into the topics
Is it an issue between forum versions?
Title: Re: [Theme] Silence
Post by: emanuele on August 30, 2018, 12:04:16 am
I think it's still at 1.0...
Title: Re: [Theme] Silence
Post by: Spuds on August 02, 2019, 04:30:42 am
Updated for ElkArte V1.1 :D

See the theme site and download the version marked for ElkArte 1.1 (Elk V1.1)

http://themes.elkarte.net/variant/Silence.html