GreyedOut

[VastOne]

Greets again Twitch!

I found this, loved it, tweaked it a bit and now I am happy as heck at my site VSIDO [nofollow]

One thing I noticed was at the bottom of and below the footer, your identity as the creator of this theme and a link to it is missing. Just an FYI

Thank you for this!

Glad you like the theme..

and ha so it is... I will add it in the next update. Not really a big deal though.

Too be quite honest, this one is as close to Crip's Darkmodern as I have seen.. Great work, and influenced I am sure by his legendary work

[TwitchisMental]

Greets again Twitch!

I found this, loved it, tweaked it a bit and now I am happy as heck at my site VSIDO

One thing I noticed was at the bottom of and below the footer, your identity as the creator of this theme and a link to it is missing. Just an FYI

Thank you for this!

Glad you like the theme..

and ha so it is... I will add it in the next update. Not really a big deal though.

Too be quite honest, this one is as close to Crip's Darkmodern as I have seen.. Great work, and influenced I am sure by his legendary work

This specific theme was actually inspired by themes of the old days.. (Think the ZetaBoard and InvisionFree days).

With that said Crip was a big inspiration back in the day when I started making SMF 2.0 themes.

[TwitchisMental]

New Version Uploaded :

Code Select Expand

1.0.3
Adjustment: Adjusted the text, code, and quote colors in the SCEditor.

[Steve]

You're killing me Twitch! lol (just kidding)

Thanks for the update. 

[Steve]

@TwitchisMental - How do I decrease the height of this space?


You cannot view this attachment.

[TwitchisMental]

Find:

Code Select Expand

#wrapper {
  clear: both;
  background: var(--wrapper_bg_color);
  border: 1px solid var(--black);
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgb(0,0,0);
}
Change to

Code Select Expand

#wrapper {
  clear: both;
  background: var(--wrapper_bg_color);
  border: 1px solid var(--black);
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgb(0,0,0);
  margin-top: -20px !important;
}

[Steve]

Perfect!

Although what I found is this:

Code Select Expand

#wrapper {
clear: both;
background: var(--wrapper_bg_color);
border: 1px solid var(--black);
border-radius: 8px;
box-shadow: 0px 0px 6px 1px rgb(0,0,0);
margin-top: 10px;
}

Changing it to what you suggested worked perfectly. Thanks my friend.

[Greggle]

This is a seriously sweet looking theme and I learned a lot trying to figure out how you put it together. But I'm struggling really hard on the drop downs. No matter How I style it, I can't seem to change the background colors nor see where they're being set. No combination of CSS is working and I can't even monitor the color changes in the browser. Inspecting the field doesn't even show a background color. It's maddening. How do I gain control over dropdown coloring?

[TwitchisMental]

This is a seriously sweet looking theme and I learned a lot trying to figure out how you put it together. But I'm struggling really hard on the drop downs. No matter How I style it, I can't seem to change the background colors nor see where they're being set. No combination of CSS is working and I can't even monitor the color changes in the browser. Inspecting the field doesn't even show a background color. It's maddening. How do I gain control over dropdown coloring?

Code Select Expand

ibst_bg_color_hover
Is the variable you will wanna change,

That or line 127 and 134 will need edited. (the focus and hover for inputs)

[FabsMuller]

Hi @twitchismental, first thanks for your themes, always good work. I'm testing GreyedOut in a friend's forum as we want to upgrade to 2.1.X, we had settled up a sandbox to test. Currently, I'm having problems with the board icons. In 2.0.X we use our own images and with GreyedOut is being a little bit difficult to use those. How could I do that? I tried to used a mod, but it didn't work very well as you can see. How I could replace those ballons? 

[TwitchisMental]

If you are trying to use the custom board icons mod, open index.css

Find

Code Select Expand

.board_icon a::before {
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 2em;
    content: "\f086";
}
Replace With

Code Select Expand

.board_icon a::before {
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 2em;
}

That should resolve your issue.

[FabsMuller]

Ok it worked, but the mod doesn't (as expected). So I uninstall the mod. How can I change without the mod ? I have 2 icons to replace the white and transparent ones.

[TwitchisMental]

Ok it worked, but the mod doesn't (as expected). So I uninstall the mod. How can I change without the mod ? I have 2 icons to replace the white and transparent ones.

In index.css

Find :

Code Select Expand

.board_icon {
    text-align: center;
    padding: 8px 4px 0px 4px;
width: 60px;
flex-shrink: 0;
}
.board_icon a {
display: inline;
}
.board_icon a:hover {
opacity: 0.8;
display: inline;
text-decoration: none;
}
.board_icon a::before {
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 2em;
    content: "\f086";
color: var(--board_icon_bg);
}
.board_icon a.board_on::before {
    font-weight: 900;
}
.board_icon a.board_on2::before {
font-weight: 900;
}
.board_icon a.board_off::before {
font-weight: 400;
}
.board_icon a.board_redirect::before {
font-weight: 900;
content: "\f35a";
}
Replace :

Code Select Expand

.board_icon a {
background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
display: inline-block;
width: 45px;
height: 45px;
}
.board_icon a.board_on2 {
background-position: -45px 0;
}
.board_icon a.board_off {
background-position: 0 -45px;
}
.board_icon a.board_redirect {
background-position: -45px -45px;
}
.board_icon {
text-align: center;
padding: 8px 0 0 0;
width: 60px;
flex-shrink: 0;
}

This will replace the font-awesome icons with the default SMF icons.

You can then edit that file (boardicons.png) to have your icons. That or you can edit each board icon section to use your icons individually.

[FabsMuller]

Thanks, it worked with the default. Now I'm going with my icons.

[Sir Osis of Liver]

Not seeing 'View all Members' and 'Search for Members' buttons in Manage Members, only Quick Search, and it doesn't find valid IPs.  Is that intentional?

[TwitchisMental]

Not seeing 'View all Members' and 'Search for Members' buttons in Manage Members, only Quick Search, and it doesn't find valid IPs.  Is that intentional?

Not sure why you are having those problems. It all seems to be working for me.

[Sir Osis of Liver]

It's been customized.  Will install it out-of-box and see what's there.

[Sir Osis of Liver]

It's caused by Arantor's sidebar mod.  Same in Blue Evolution.

Same in Curve2.