• Welcome to Simple Machines Community Forum. Please login or sign up.
November 28, 2021, 02:01:59 AM

News:

SMF 2.1 RC4 has been released! Try it out and help us test! :) Read more.


[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 see attachments on this board.

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 see attachments on this board.

Mick.

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

You cannot see attachments on this board.

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.

October 27, 2021, 06:18:34 PM #36 Last Edit: October 27, 2021, 10:06:21 PM by Mick.
Color Changer is slick!

You cannot see attachments on this board. You cannot see attachments on this board. You cannot see attachments on this board. You cannot see attachments on this board. 

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: