ElkArte Community

Extending Elk => Custom Themes => Topic started by: TaliaJoy on November 06, 2019, 05:46:53 am

Title: [Theme] Clean
Post by: TaliaJoy on November 06, 2019, 05:46:53 am
I've been working on my first ElkArte theme and am almost ready to make the PR to have it added to the themes site. It's just designed to be a simple, modern theme that retains the same basic layout as the default theme, but to be more sleek, basic, and well, clean. I will reply here when I've published it.
Title: Re: [Theme] Clean
Post by: Spuds on November 06, 2019, 03:06:09 pm
Thats awesome ... congratulations on getting your theme to this point.  It looks great.
Title: Re: [Theme] Clean
Post by: Jason on November 07, 2019, 07:14:37 pm
Keep up the good work, hope more clean themes come out.
Title: Re: [Theme] Clean
Post by: TaliaJoy on December 12, 2019, 03:35:56 pm
Theme now on the Themes site! :) https://themes.elkarte.net/minimal/Clean.html
Title: Re: [Theme] Clean
Post by: Spuds on December 12, 2019, 10:14:29 pm
Congrats and thanks for sharing this with the community.
Title: Re: [Theme] Clean
Post by: TaliaJoy on December 29, 2019, 04:22:26 am
Updated to v.1.0.1. Very minor update, but the most important thing is that tooltips are now colored properly. My next release will probably add multiple color themes.
Title: Re: [Theme] Clean
Post by: Allan on December 31, 2019, 01:56:01 pm
Looks really good, nice job. 
Title: Re: [Theme] Clean
Post by: TaliaJoy on March 27, 2020, 01:46:12 am
Theme has been updated to version 1.1.0 - check it out! (https://themes.elkarte.net/minimal/Clean.html) 2 new color variants (red and dark) have been added. Also, there is now a demo (https://www.taliadegisi.com/forums/).

(https://raw.githubusercontent.com/talia-storymaker/clean/master/screenshots/clean-screenshot-red.png)(https://raw.githubusercontent.com/talia-storymaker/clean/master/screenshots/clean-screenshot-dark.png)
Title: Re: [Theme] Clean
Post by: radu81 on March 27, 2020, 10:26:15 am
I like it, simple and clean, congrats!
Title: Re: [Theme] Clean
Post by: Miyukie on July 03, 2020, 06:25:04 am
this theme doesn't work on my website
Title: Re: [Theme] Clean
Post by: TaliaJoy on July 03, 2020, 04:05:35 pm
this theme doesn't work on my website
Can you give more details on the problem?
Title: Re: [Theme] Clean
Post by: Miyukie on July 09, 2020, 04:41:01 pm
when i select the theme nothing happens
https://postimg.cc/HctrgX6n


Title: Re: [Theme] Clean
Post by: radu81 on July 09, 2020, 10:38:50 pm
it is not a bug, that's how SMF/Elkarte works, check your account  > Look and Layout > Current theme , probably you chose a theme for your account.
and check also: Admin -> Theme Management -> Member Option
Title: Re: [Theme] Clean
Post by: TaliaJoy on July 16, 2020, 04:30:56 am
when i select the theme nothing happens
https://postimg.cc/HctrgX6n

@Miyukie Unfortunately it does look like I made an error with how I set up the theme. The zip file you download contains a folder within the zip file that contains the theme, rather than the theme contents being directly in the zip file. So it should work if, after it's installed, you go into the file system (via FTP or whatever), go into the clean-v.1.1.0 folder, go into the clean-v.1.1.0 folder within that, and move all the contents up into the highest level clean-v.1.1.0 folder, then delete the inner folder. Does that make sense? I'll endeavor to fix it soon.
Title: Re: [Theme] Clean
Post by: nwsw on August 26, 2020, 11:47:36 am
In order to manually try this theme in 1.1.6 using the From a Directory technique, I had to make two changes:


Update: removed xml attachment, replaced by link to https://github.com/talia-storymaker/clean repos version.
Title: Re: [Theme] Clean
Post by: JPalmer on September 25, 2020, 01:39:20 pm
Theme has been updated to version 1.1.0 - check it out! (https://themes.elkarte.net/minimal/Clean.html) 2 new color variants (red and dark) have been added. Also, there is now a demo (https://www.taliadegisi.com/forums/).

(https://raw.githubusercontent.com/talia-storymaker/clean/master/screenshots/clean-screenshot-red.png)(https://raw.githubusercontent.com/talia-storymaker/clean/master/screenshots/clean-screenshot-dark.png)

I really like this theme .. Thanks for your work!

Want to try the dark variant, and for me in the ""Edit theme settings" section there is no variant shown. What can I do to get to the dark variant?

Oh, and I'm on v1.1.6 .. if that matters
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on September 30, 2020, 12:43:12 pm
Would love to try that black one as well! :D
I'll see if I can figure it out or have any problems - if so I'll be the second one to cry ;)

Dearly regards
- Darkijah
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on September 30, 2020, 04:08:27 pm
Read the help on the download link - nothing to help there either how to change it to the dark variance. Could we get some help :) So many buttons and stuff everywhere and I'm new and kinda confused.

Dearly regards
- Darkijah
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on September 30, 2020, 05:11:08 pm
Okay I see other themes have the varients here, but nothing for Clean???...

I don't know...

Help...

- Darkijah
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on September 30, 2020, 05:13:51 pm
Interesting how most of the other installed themes has an option for varient, but don't have any other option then one. LOL...
Sigh... And the very theme that should have 3 varients in total, does not have one any option shown.

Come on, what is this nonsense. :/
Title: Re: [Theme] Clean
Post by: radu81 on September 30, 2020, 05:56:23 pm
I confirm, when downloading from elkarte themes website there is no theme variant, but if you download from https://github.com/talia-storymaker/clean and overwrite your existing files you'll get the variant switcher.

@Spuds‍ can you please check this? thank you
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on September 30, 2020, 08:48:57 pm
It worked! Although seem to have found another bug in the theme with the help popup not having a background. Thanks for the help radu81.

I've tried pretty much every single theme for ElkArte... Really not that many that is anything. I'm having the standard with the 2 variations and Clean with the black installed the rest I've deleted again.

Anyway, something to start with, still testing themes on SMF stabel, and weighing the things - which direction I should go.

Dearly regards
- Darkijah
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 01, 2020, 04:43:37 pm
With a little more work, like minor things like the arrows up and down to the left is not doing anything when going over them like changing any color or maybe that is on purpose? I think this Theme might be a nice idea to put in the User themes for selection on this forum :) Really a great alternative for a black theme and using it. Overall it would be nice to actually be able to choose different themes on this main page in regards of usuable themes for ElkArta so one can test drive on the fly - but of cause the quality and so forth. But Clean is very clean - would be nice as an option to choose in the user settings.
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 01, 2020, 06:39:26 pm
Problem on mobile
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 01, 2020, 06:41:19 pm
To comepare, the default theme.
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 01, 2020, 06:44:22 pm
Seems there might be a bug on the default theme as well. Look at the hight of the buttons.
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 04, 2020, 07:02:51 pm
I must say, the Clean dark purple with the ElkArte Be Social menu would be closer to perfection I think. After having tested all the Themes and only having the main and Clean installed as choices. If one could integrate the menu into Clean - that I think would be pretty awesome overall.
Title: Re: [Theme] Clean
Post by: Darkijah - JesusGod-Pope666.Info on October 14, 2020, 01:12:42 pm
@TaliaJoy Seems you have a little to much space underneath the profile picture :)

I just got it fixed in Social and looks much better. I did see if it could be fixed with the same fix, but all this CSS overwhelms me :P
Would be nice with a fix so we have less empty space that is not used.

In any case when ElkArte social got the fixed, it became much much much better overall, for my eyes :)
Title: Re: [Theme] Clean
Post by: ksamochkin on May 23, 2021, 04:57:17 pm
Why is the insert button not visible initially?
Title: Re: [Theme] Clean
Post by: Spuds on May 27, 2021, 04:10:50 pm
There should be a little share icon there, but the icon itself is almost white (#EEEEEE) and requires either a dark background or a different color for the icon.
in icons_svg.css
Code: [Select]
.i-share::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23EEEEEE' stroke-width='1px' fill='white' viewBox='0 0 32 32'%3E%3Cpath d='M27 22c-1.4 0-2.7.6-3.6 1.53L9.95 16.8c.04-.27.06-.53.06-.8s0-.53-.02-.8L23.4 8.5c.92.94 2.2 1.52 3.6 1.52 2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5c0 .27.02.54.06.8L8.6 12.52C7.67 11.6 6.4 11 5 11c-2.76 0-5 2.24-5 5s2.24 5 5 5c1.4 0 2.7-.58 3.6-1.52l13.46 6.73c-.04.3-.06.57-.06.8 0 2.8 2.24 5 5 5s5-2.2 5-5-2.24-5-5-5z'/%3E%3C/svg%3E");
}
See that stroke='%23EEEEEE', change it to stroke='%23000000' and you should see it

OR make sure you have the following css class defined in index.css of clean
Code: [Select]
.container .icon.share {
width: 25px;
padding: .35em .3em .1em .3em;
cursor: pointer;
border-radius: 4px;
}
along with a
Code: [Select]
.share {
background-color: #008000;
}
in the variant file.  That will place a green background there so that almost white EEEEEE icon will show.