News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

[Preview] Unplugged 2.1 theme

Started by Mick., October 21, 2021, 07:58:41 AM

Previous topic - Next topic

Mick.

I think I should stop adding stuff Hahahaha.

You cannot view this attachment.

Antechinus

Lol. I remember times when I said that to myself. :D

(ETA: It never stopped me.)

Antechinus

Hey it's looking really good, but try that CSS filter trick on the board icons. It works really well for lazy theming, when you want a better colour match and cbf'd making new icons. ;)

ETA: for the dark version, as a quick trial...
.board_on{
    filter: sepia(.75) hue-rotate(310deg) saturate(5);
}

Mick.

Quote from: Antechinus on October 25, 2021, 03:49:48 PMHey it's looking really good, but try that CSS filter trick on the board icons. It works really well for lazy theming, when you want a better colour match and cbf'd making new icons. ;)

ETA: for the dark version, as a quick trial...
.board_on{
    filter: sepia(.75) hue-rotate(310deg) saturate(5);
}
I'll bite.

I don't mess with them icons since we got mods for that  :o

Mick.


Antechinus

See? :D CSS filters are fun for this sort of thing. I use them heaps since I discovered them. Great for making lots of default icons less eye-burning on dark themes too.

Mick.

Quote from: Antechinus on October 25, 2021, 04:11:50 PMSee? :D CSS filters are fun for this sort of thing. I use them heaps since I discovered them. Great for making lots of default icons less eye-burning on dark themes too.
Thanx for the hack! I dig it!

Mick.

I have to stay away from this theme. I'm not liking the color red. ::sigh:: I think I have designer rabies

shadav

what about adding a pop of color with the news bars
helping with breaking up all of the red

something like
linear-gradient(to right, #eb3b5a, #307fc3, #269d35, #1c3478, #55121e)

Mick.

I removed unwanted red.
Now, board_icons need a re-do.

You cannot view this attachment.

Mick.

Well well well. Not too bad in Green. I'm thinking I should add a simple color Switcher.

You cannot view this attachment.

Diego Andrés

Check how well it works with the curve color changer, you could just recommend it

SMF Tricks - Free & Premium Responsive Themes for SMF.

Mick.

Quote from: Diego Andrés on October 26, 2021, 08:30:47 PMCheck how well it works with the curve color changer, you could just recommend it
Oh dang, I didn't know about this. lol

Mick.

...but wait, Admins need to install that mod in order for this theme to change colors?

Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Mick.

Quote from: Diego Andrés on October 26, 2021, 09:40:02 PMWell yes, if they want to
I can work with that. I'll add it to the theme description if they wish to use it.
I'm testing it now.

Mick.

#36
Color Changer is slick!

You cannot view this attachment. You cannot view this attachment. You cannot view this attachment. You cannot view this attachment. 

Here's my setup.
    // Color Switcher
    $settings['color_changes'] = array(
    'primary_color' => array(
        array(
            'elements' => '.amt, .dropmenu li a.active, #top_info li a.active, #top_info > li > a:hover, #top_info > li:hover > a, #top_info > li > a.open, .dropmenu li a:hover, .dropmenu li:hover a, .dropmenu li a:focus, .button.active, .button.active:hover, .news2, .row-album, .project .overlay, .title_bar, .go-top, .menu li a:hover, .menu li:hover > a, .menu ul li a:hover, .menu ul li:hover > a, .hero-button',
            'properties' => array('background', 'border-color')
        ),
        array(
            'elements' => 'a, .bbc_link, .code, .top_links a:hover, .footer_article ul li a:hover, #footer a:hover, .current_page, .news3 h2, .page_number, blockquote cite::before, .forumtitle i',
            'properties' => array('color')
        ),
        array(
            'elements' => 'a:hover, .bbc_link:hover',
            'properties' => array('color' => '#fff')
        ),
        array(
            'elements' => '.hero-button:hover',
            'properties' => array('background', 'border-color')
        ),
    ),
    'gradient_start' => array(
        array(
            'elements' => '.news2, .news3, .title_bar',
            'properties' => array('background-image' => 'linear-gradient(to right, transparent 0%, {color} 70%)')
        )
    ),
);


Advertisement: