The thelounge-theme-mininapse from minidigger

thelounge-theme-mininapse's Introduction

Hi there 👋

I am Martin Benndorf aka MiniDigger, a random guy from the internet, doing java and stuff.

I like to drink beer and write code, sometimes to even do both at the same time! You can fund that little hobby of mine here.

Some of my projects include Paper, or more specifically, Hangar, a plugin repository for the Minecraft server software Paper, various stuff for the irc client TheLounge, and a few toy projects with godot, check them out in the pins below!

thelounge-theme-mininapse's People

Contributors

Stargazers

Watchers

thelounge-theme-mininapse's Issues

Same sender layout on small screens look messy

Fix join menu on mobile

https://puu.sh/yXbYA/b65bc1cc88.png

selecting lobby makes channel list jump around

similar to this 8f4ac17

the name of an empty network isn't aligned correctly in the channel list

Own Message Text Color

Your own messages currently are colored grey instead of white or something more readable while on 3.0, non-vue.

How it looks:

How it should look:

erver counter for new stuff isn't aligned with the rest

MiniDigger: By the way, another issue... Server counter for new stuff isn't aligned with the rest.
If you type /msg nickserv help, you'll see it doesn't align to the right anymore.

Style .irc-monospace, code

My suggestion:

.irc-monospace, code {
	color: var(--body-bg-color);
	font-weight: bold;
}

[Discussion] Change how highlights are done

I've made a suggestion for highlights. It use the same red colour as we use other places in the theme.

/* Full line highlights */
#chat .channel .highlight,
#chat .channel .highlight .time,
#chat .channel .highlight .from,
#chat .channel .highlight .text {
    color: #FFFFFF;
}

#chat .channel .message.highlight {
    background-color: rgba(239, 70, 87, 0.2);
}

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Update dependency stylelint to v15.11.0
Update actions/setup-node action to v4
Update dependency stylelint to v16
Update dependency stylelint-config-standard to v36
Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/Build.yml

actions/setup-node v2

.github/workflows/Publish.yml

actions/setup-node v2

npm

package.json

stylelint ^15.10.3

stylelint-config-standard ^34.0.0

Check this box to trigger a request for Renovate to run again on this repository

Content Menu active/hover effect

16:16 <+xPaw> MiniDigger, you you need .activen ow
16:16 <+xPaw> .active *
16:19 <MiniDigger> doesn't :hover work anymore?
16:24 <+xPaw> it uses class because of keyboard support
16:24 <+xPaw> same as user list
16:28 <MiniDigger> ah

add screenshots to readme

need to produce some nice looking screenshots

Change themecolor attribute via the config api

https://github.com/thelounge/thelounge/blob/998bdd49aad271eee61548299396e95067993215/client/index.html.tpl#L48

https://github.com/thelounge/thelounge/blob/998bdd49aad271eee61548299396e95067993215/src/helper.js#L154

https://thelounge.chat/docs/api/config

User Search style is meh

has no outline (up to upstream to fix I guess)

Migrate build process to github actions

for reference: https://github.com/MiniDigger/VueMoney/blob/master/.github/main.workflow

make it possible to close the join channel dialog again

we currently hide both the join button to open the dialog (which is fine) but also the close button (which isn't fine, as you can open the dialog via the context menu)

Kick message background/contrast is a bit bad

Not sure if this is even intended behavior... The grey text on bright red background is barely readable on my screen, and doesn't seem to fit with the rest of the theme.

Edit: invites as well. Mininapse seems to only override the background for .message.

fade out too long network names

remove "more"/"less" buttons of image previews

Rewrite theme to use variables and stuff

todo:

and worst of all

figure out how to keep this shit clean....

Screenshot

Current Progress

/*
thelounge-theme-mininapse
A dark theme for thelounge

Installation instructions can be found here
https://thelounge.chat/docs/server/configuration.html#theme

Authors:
- MiniDigger: https://github.com/MiniDigger

TODO
- context menus
- link previews
*/

@import 'default.css';

:root {
	--body-color: #c5c1c1;
	--dim-color: #999;
	--link-color: #77abd9;
	--window-bg-color: #282525;
	--body-bg-color: #282525;
	--active-bg-color: #333030;
	--date-marker-color: #97ea70;
	--unread-marker-color: #f92772;
	--highlight-bg-color: #4d4332;
	--highlight-border-color: #b08c4f;
}

/* <editor-fold desc="nick colors"> */
#chat.colored-nicks .user.color-1,
#chat.colored-nicks .user.color-17 {
	color: #ef4657;
}

#chat.colored-nicks .user.color-2,
#chat.colored-nicks .user.color-18 {
	color: #ff93a4;
}

#chat.colored-nicks .user.color-3,
#chat.colored-nicks .user.color-19 {
	color: #ffb03b;
}

#chat.colored-nicks .user.color-4,
#chat.colored-nicks .user.color-20 {
	color: #cc7d08;
}

#chat.colored-nicks .user.color-5,
#chat.colored-nicks .user.color-21 {
	color: #ffd34e;
}

#chat.colored-nicks .user.color-6,
#chat.colored-nicks .user.color-22 {
	color: #cca01b;
}

#chat.colored-nicks .user.color-7,
#chat.colored-nicks .user.color-23 {
	color: #acf046;
}

#chat.colored-nicks .user.color-8,
#chat.colored-nicks .user.color-24 {
	color: #d5f572;
}

#chat.colored-nicks .user.color-9,
#chat.colored-nicks .user.color-25 {
	color: #499e8d;
}

#chat.colored-nicks .user.color-10,
#chat.colored-nicks .user.color-26 {
	color: #b5ffe1;
}

#chat.colored-nicks .user.color-11,
#chat.colored-nicks .user.color-27 {
	color: #35a7ff;
}

#chat.colored-nicks .user.color-12,
#chat.colored-nicks .user.color-28 {
	color: #91a6ff;
}

#chat.colored-nicks .user.color-13,
#chat.colored-nicks .user.color-29 {
	color: #8a46f0;
}

#chat.colored-nicks .user.color-14,
#chat.colored-nicks .user.color-30 {
	color: #ff88dc;
}

#chat.colored-nicks .user.color-15,
#chat.colored-nicks .user.color-31 {
	color: #bd8d46;
}

#chat.colored-nicks .user.color-16,
#chat.colored-nicks .user.color-32 {
	color: #f0c079;
}

/* </editor-fold> */

/* Borders */
#chat .content,
#windows #chat .header,
#chat .user-mode::before,
#chat .userlist {
	border-color: var(--window-bg-color);
}

/* <user>'s */
#chat .from .user::before {
	content: "<";
	color: var(--dim-color);
}

#chat .from .user::after {
	content: ">";
	color: var(--dim-color);
}

/* remove logo */
.logo,
.logo-inverted {
	display: none;
}

/* remove button coloring */
#viewport .lt,
#viewport .rt,
#chat button.menu,
#footer button {
	color: var(--body-color);
}

/* active/hover */
.context-menu-item:focus,
.textcomplete-item:focus,
.context-menu-item:hover,
.textcomplete-item:hover,
.textcomplete-menu .active,
#chat .userlist .user.active,
#sidebar .active,
#sidebar .active:hover,
#sidebar .chan:hover,
#footer button:hover {
	background-color: var(--active-bg-color);
}

/* sidebar */
#sidebar .chan,
#sidebar .empty {
	color: var(--body-color);
}

/* inputs */
.input,
.input:hover,
input,
#form,
#chat .userlist .search {
	color: var(--body-color);
	background-color: var(--window-bg-color);
	border-color: var(--dim-color) !important;
}

.input::placeholder,
input::placeholder,
textarea::placeholder,
#chat .userlist .search::placeholder {
	color: var(--dim-color);
}

#form {
	border: none;
}

/* windows */
#windows .window {
	box-shadow: none;
}

Recommend Projects

minidigger / thelounge-theme-mininapse Goto Github PK