D&D Theme Style

[Dungeon Master]

I'd posted this in just my Tavern thread, but everyone's welcome to check it out if they want.

I've been playing with this new style some. I even made it public so you can use it if you so choose. Generally just trying to style it more like a D&D manual. I'm not in love with light themes, but it's fitting.

So far I have;

Made a new banner.


Started a whole stat-block thing. It's all manually entered for now, but who knows where it'll go.


And I did some more styling on the dialog box I made to spice up my posts.

 

[Zesty Zapcrackle]

Make it a dark mode and I'm fucking sold.

 

[Dungeon Master]

I'll work on one.

 

[Kutshort Yes]

Is it possible to make that the default theme for just this forum?

 

[Zesty Zapcrackle]

Is it possible to make that the default theme for just this forum?

My eyes would bleed.

 

[Dungeon Master]

Is it possible to make that the default theme for just this forum?

It is, and I'd considered that, but forcing everyone to use a light theme wouldn't fly. If I can get a good-looking dark-mode version out of it, I could probably set it as default and use an option toggle, though.

 

[Kutshort Yes]

My eyes would bleed.

You should see a doctor

 

[Dungeon Master]

I did apply the block style to the other layouts, though.

(It accepts an image URL as the option)

 

[Dungeon Master]

Oh, I made the avatars more square, too. I kind of prefer it.

 

[Lian Batenkaitos]

Love it, and YES on the square avatars. I much prefer them over the circular ones.

 

[Crystal]

Love it, and YES on the square avatars. I much prefer them over the circular ones.

Fair enough, now they're all square

 

[Lian Batenkaitos]

Fair enough, now they're all square

You're amazing.

 

[Crystal]

You're amazing.

Definitely not

 

[Lian Batenkaitos]

Definitely not

Crystal, none of that!

 

[Nac McWeeble]

Nac approves of this

 

[Tortle Dude]

Is this why avatars are now squares?

Yes, that is my takeaway here.

I miss my circles. Squares are so rigid.

 

[Dungeon Master]

Is this why avatars are now squares?

Yes, that is my takeaway here.

I miss my circles. Squares are so rigid.

They're rounded.

But yes, crystal made that site wide

 

[Zesty Zapcrackle]

Is this why avatars are now squares?

Yes, that is my takeaway here.

I miss my circles. Squares are so rigid.

Don't be a square.

 

[Tortle Dude]

I clearly need to figure out this transparent background avatar now which means I need to abandon the golden pineapple turtle.

 

[Crystal]

I clearly need to figure out this transparent background avatar now which means I need to abandon the golden pineapple turtle.

Noooo what have I done

 

[Tortle Dude]

Noooo what have I done

You helped deliver golden pineapple turtle's baby to GWF.

 

[Lian Batenkaitos]

You helped deliver golden pineapple turtle's baby to GWF.

View attachment 13959

Beautiful!

 

[Crystal]

You helped deliver golden pineapple turtle's baby to GWF.

View attachment 13959

Awwww

 

[Dungeon Master]

You helped deliver golden pineapple turtle's baby to GWF.

View attachment 13959

That's tight.

I don't know what you use for editing software, but I'd recommend GIMP if you don't have a proper one already. Most of the stuff Photoshop does, but open-source.

Specifically regarding taking something AI chucks out on a matte background and cleaning it up, you'll want to do a few more steps to get rid of that light stroke around the outer edge.

Take your magic wand

Click anywhere in the blank space to grab most of it.

Make sure you get all the little in-between areas too, generally Shift+Click.

Next click Select and then Grow....

Set it to 1 or 2 px and OK.

It should now hug the outline of what you're wanting to keep better. Just hit Delete to remove it.

Cleaner.

Super basic, but crop that shit to content, bro.

It'll fit better.

Like dis.

 

[Tortle Dude]

I don't know what you use for editing software, but I'd recommend GIMP if you don't have a proper one already. Most of the stuff Photoshop does, but open-source.

Specifically regarding taking something AI chucks out on a matte background and cleaning it up, you'll want to do a few more steps to get rid of that light stroke around the outer edge.

Thanks for the tip!

As a mobile user I don't really have fancy options so I used the Adobe Express online one.

 

[Dungeon Master]

Thanks for the tip!

As a mobile user I don't really have fancy options so I used the Adobe Express online one.

fukken mobbies..

 

[Tortle Dude]

fukken mobbies..

Another way of looking at it is how impressive it is that I do what I do on mobile only.

 

[Dungeon Master]

Hmm... Not perfect, but there is a dark version of this theme now available.

You need to react to this post in order to see this content.

 

[Tortle Dude]

Oh now you're fucking reaction farming Ben?

...

 

[Dungeon Master]

More so I noticed the tag I hadn't used before and wondered how well it'd work to "reply" to reactions without actually doing anything.

But also what you said.

React to this to see a pair of lovely tits:

You need to react to this post in order to see this content.

 

[Tortle Dude]

At first I felt catfished.

Then I didn't.

Bouncy.

 

[Nac McWeeble]

Reaction-baiting like a baws.

 

[Dungeon Master]

catfished.

No TD, those are birds. Silly Canada.

 

[Tortle Dude]

No TD, those are birds. Silly Canada.

If we had birds like that I'd be staring at the feeder alllll day.

 

[Nac McWeeble]

Maybe catfish is Canadian for bird?

 

[Zesty Zapcrackle]

I like the Dark mode, but the yellow is painful in some places.

 

[Crystal]

I like the Dark mode, but the yellow is painful in some places.

View attachment 14013View attachment 14014

I take responsibility for the highlights there, I'll get those fixed ASAP!

 

[Dungeon Master]

I like the Dark mode, but the yellow is painful in some places.

View attachment 14013View attachment 14014

For real. I've been trying to find where in the sheets it's got this linked to the linkColor, but hadn't yet. We had a similar problem on the other styles, just neither Crystal nor I can remember how it got fixed last time...

...No you're incompetent...

 

[Dungeon Master]

Found and fixed it.

@Crystal, app_alerts.less. I just stuck the background/text color override in here and it worked.

.alert
{
    &.is-unread
    {
        .xf-contentHighlightBase();
        background-color:#222;
        color:#dedede;
    }
}

 

[Zesty Zapcrackle]

View attachment 14015

Found and fixed it.

@Crystal, app_alerts.less. I just stuck the background/text color override in here and it worked.

.alert
{
    &.is-unread
    {
        .xf-contentHighlightBase();
        background-color:#222;
        color:#dedede;
    }
}

Now it's hard to read in the opposite way lol

 

[Dungeon Master]

Now it's hard to read in the opposite way lol

...Meaning? It shouldn't be black text on a black background.

 

[Dungeon Master]

I'm also trying to find what works for these blocks, so they're prone to changing. I opted to nix the regular avatar in favor of just the character one. The class +level is a link to the character sheet.



I did also work out how to actually use modifiers in the dice roller, so while you might still have to type in "3", it'd actually add it to the roll instead of just being in the comment.



I'm guessing I could probably generate a dice roll from a link in one of the stat blocks... I just dunno if I can have it auto-set a modifier...

 

[Zesty Zapcrackle]

...Meaning? It shouldn't be black text on a black background.

Yeah. And on the forums, the bold yellow is just not visible for unread. Is a different color for unread possible?

 

[Dungeon Master]

Oh, you mean the unread threads, etc? That'd probably be a different setting, but valid. I can make more of a distinction there.

 

[Zesty Zapcrackle]

Oh, you mean the unread threads, etc? That'd probably be a different setting, but valid. I can make more of a distinction there.

Yeah, those were the two things that stood out. I can't really differentiate read vs. unread in both the forums themselves and in my alerts. Otherwise, I'm digging the dark mode with the gold. Very Bruins-y

 

[Crystal]

View attachment 14015

Found and fixed it.

@Crystal, app_alerts.less. I just stuck the background/text color override in here and it worked.

.alert
{
    &.is-unread
    {
        .xf-contentHighlightBase();
        background-color:#222;
        color:#dedede;
    }
}

This is why Ben rules and Crystal drools, ladies and gents.

 

[Zesty Zapcrackle]

This is why Ben rules and Crystal drools, ladies and gents.

You still rule imo

 

[Tortle Dude]

This is why Ben rules and Crystal drools, ladies and gents.

I mean.

In my world some drool is a good thing.

Just saying.

 

[Dungeon Master]

Still haven't found the separation between read and unread threads, but I did make the background on the notifications darker to make it more apparent.

This is why Ben rules and Crystal drools, ladies and gents.

Don't worry, I'm still fucking lazy with my coding so didn't bother escaping for the picture not existing... Future Ben problems.

 

[Zesty Zapcrackle]

The alert difference is definitely better in the meantime.

As is the forum read/unread. Not ideal, but definitely easier.