srp/thelounge-theme-seraphimrp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit.

Browse Source
This commit is contained in:
Seraphim R. Pardee 2021-08-03 10:46:58 -04:00
parent facb0f4f6a
commit f3168caf63
No known key found for this signature in database
GPG Key ID: F5D3989AB7E40B62
4 changed files with 72 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.stylelintrc.yml
View File

@ -1,4 +1,3 @@
extends: stylelint-config-standard extends: stylelint-config-standard
rules: rules:

24
README.md
View File

@ -1,17 +1,11 @@
<h1 align="center"> # thelounge-theme-nord
Dracula for TheLounge
</h1>
<div align="center">
<img alt="npm" src="https://img.shields.io/npm/v/thelounge-theme-dracula?color=green">
<img alt="npm" src="https://img.shields.io/npm/dt/thelounge-theme-dracula">
</div>
<h4 align="center">
A dark theme for thelounge based on <a href="https://github.com/dracula/dracula-theme">dracula/dracula-theme</a>
</h4>
# Install Nordify your lounge.
To install in thelounge run the following command: `thelounge install
thelounge-theme-dracula`
# Issues ## Install
This theme is not perfect, it is still a work in progress. Feel free to submit issues [here](https://github.com/SpaceLenore/thelounge-theme-dracula/issues).
> `thelounge install thelounge-theme-nord`
## Credits
This theme is based on [SpaceLenore](https://github.com/SpaceLenore)'s [thelounge-theme-dracula](https://github.com/SpaceLenore/thelounge-theme-dracula), as I liked the layout CSS.

87
dracula_theme.css → nord.css
View File

@ -1,9 +1,9 @@
/*! /*!
* Dracula theme for TheLounge by SpaceLenore * Nord theme for TheLounge by SeraphimRP
* *
* Based on solarized css file * Based on Dracula by SpaceLenore, based on Solarized css file
* License: MIT * License: MIT
* Repo: https://github.com/SpaceLenore/thelounge-theme-dracula/ * Repo: https://github.com/SeraphimRP/thelounge-theme-nord/
*/ */
/* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */ /* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */
@ -12,18 +12,19 @@
} }
:root { :root {
--body-bg-color: #282a36; --body-bg-color: #2e3440;
--window-bg-color: #282a36; --window-bg-color: #2e3440;
--body-color: #f8f8f2; --body-color: #e5e9f0;
--body-color-muted: #6272a4; --body-color-muted: #9499a3;
--link-color: #8be9fd; --link-color: #8fbcbb;
--unread-marker-color: #50fa7b; --unread-marker-color: #8fbcbb;
--date-marker-color: #6272a4; --date-marker-color: #8fbcbb;
--highlight-bg-color: #44475a; --highlight-bg-color: #434c5e;
--highlight-color: #bd93f9; --highlight-color: #8fbcbb;
--highlight-border-color: #bd93f9; --highlight-border-color: #8fbcbb;
--sidebar-color: #3b4252;
--background-light-color: #44475a; --background-light-color: #44475a;
--background-error: #f55; --background-error: #bf616a;
} }
::placeholder { ::placeholder {
@ -44,7 +45,7 @@
} }
html { html {
scrollbar-color: hsl(232, 14%, 31%) hsla(232, 14%, 31%, 0.1); scrollbar-color: #2e3440 #8fbcbb;
scrollbar-width: thin; scrollbar-width: thin;
} }
@ -58,14 +59,15 @@ html {
display: inline-block; display: inline-block;
} }
#sidebar .logo-container {
padding-top: 10px;
}
#sidebar .logo-inverted { #sidebar .logo-inverted {
height: 35px; height: 35px;
} }
.input {
background-color: var(--background-light-color);
color: var(--body-color);
}
.jump-to-input .input { .jump-to-input .input {
background-color: var(--highlight-bg-color); background-color: var(--highlight-bg-color);
border: 1px solid var(--body-color-muted); border: 1px solid var(--body-color-muted);
@ -90,7 +92,7 @@ kbd {
.channel-list-item.active, .channel-list-item.active,
#footer button.active { #footer button.active {
background-color: var(--body-color-muted); background-color: var(--highlight-bg-color);
} }
#chat .count::before, #chat .count::before,
@ -143,7 +145,7 @@ body {
#chat .header, #chat .header,
#chat .content, #chat .content,
#chat .userlist { #chat .userlist {
border-color: var(--background-light-color); border-color: var(--body-bg-color);
} }
.context-menu-item, .context-menu-item,
@ -184,11 +186,6 @@ body {
background-color: inherit; background-color: inherit;
} }
.input {
background-color: var(--background-light-color);
color: var(--body-color);
}
/* Hide close button on channels, it is not used that frequently */ /* Hide close button on channels, it is not used that frequently */
#sidebar .chan.channel .close { #sidebar .chan.channel .close {
display: none; display: none;
@ -215,7 +212,7 @@ body {
#sidebar, #sidebar,
#footer { #footer {
color: var(--body-color); color: var(--body-color);
background-color: var(--background-light-color); background-color: var(--sidebar-color);
} }
#chat .userlist .search, #chat .userlist .search,
@ -228,56 +225,56 @@ body {
#chat.colored-nicks .user.color-9, #chat.colored-nicks .user.color-9,
#chat.colored-nicks .user.color-17, #chat.colored-nicks .user.color-17,
#chat.colored-nicks .user.color-25 { #chat.colored-nicks .user.color-25 {
color: #f55; color: #bf616a;
} }
#chat.colored-nicks .user.color-2, #chat.colored-nicks .user.color-2,
#chat.colored-nicks .user.color-10, #chat.colored-nicks .user.color-10,
#chat.colored-nicks .user.color-18, #chat.colored-nicks .user.color-18,
#chat.colored-nicks .user.color-26 { #chat.colored-nicks .user.color-26 {
color: #ff79c6; color: #d08770;
} }
#chat.colored-nicks .user.color-3, #chat.colored-nicks .user.color-3,
#chat.colored-nicks .user.color-11, #chat.colored-nicks .user.color-11,
#chat.colored-nicks .user.color-19, #chat.colored-nicks .user.color-19,
#chat.colored-nicks .user.color-27 { #chat.colored-nicks .user.color-27 {
color: #ffb86c; color: #ebcb8b;
} }
#chat.colored-nicks .user.color-4, #chat.colored-nicks .user.color-4,
#chat.colored-nicks .user.color-12, #chat.colored-nicks .user.color-12,
#chat.colored-nicks .user.color-20, #chat.colored-nicks .user.color-20,
#chat.colored-nicks .user.color-28 { #chat.colored-nicks .user.color-28 {
color: #f1fa8c; color: #a3be8c;
} }
#chat.colored-nicks .user.color-5, #chat.colored-nicks .user.color-5,
#chat.colored-nicks .user.color-13, #chat.colored-nicks .user.color-13,
#chat.colored-nicks .user.color-21, #chat.colored-nicks .user.color-21,
#chat.colored-nicks .user.color-29 { #chat.colored-nicks .user.color-29 {
color: #50fa7b; color: #b48ead;
} }
#chat.colored-nicks .user.color-6, #chat.colored-nicks .user.color-6,
#chat.colored-nicks .user.color-14, #chat.colored-nicks .user.color-14,
#chat.colored-nicks .user.color-22, #chat.colored-nicks .user.color-22,
#chat.colored-nicks .user.color-30 { #chat.colored-nicks .user.color-30 {
color: #8be9fd; color: #5e81ac;
} }
#chat.colored-nicks .user.color-7, #chat.colored-nicks .user.color-7,
#chat.colored-nicks .user.color-15, #chat.colored-nicks .user.color-15,
#chat.colored-nicks .user.color-23, #chat.colored-nicks .user.color-23,
#chat.colored-nicks .user.color-31 { #chat.colored-nicks .user.color-31 {
color: #6272a4; color: #88c0d0;
} }
#chat.colored-nicks .user.color-8, #chat.colored-nicks .user.color-8,
#chat.colored-nicks .user.color-16, #chat.colored-nicks .user.color-16,
#chat.colored-nicks .user.color-24, #chat.colored-nicks .user.color-24,
#chat.colored-nicks .user.color-32 { #chat.colored-nicks .user.color-32 {
color: #bd93f9; color: #81a1c1;
} }
#chat .msg[data-type="monospace_block"] .text, #chat .msg[data-type="monospace_block"] .text,
@ -333,3 +330,23 @@ body {
content: ">"; content: ">";
} }
} }
.channel-list-item.active[data-type="lobby"],
.channel-list-item[data-type="lobby"],
.channel-list-item[data-type="lobby"]:hover {
color: var(--highlight-color);
}
.channel-list-item[data-type="channel"]::before,
.context-menu-chan::before {
display: none;
}
#footer button:hover,
.channel-list-item:hover {
background-color: var(--highlight-bg-color);
}
.chat .toggle-text a {
color: var(--link-color);
}

21
package.json
View File

@ -1,29 +1,30 @@
{ {
"name": "thelounge-theme-dracula", "name": "thelounge-theme-nord",
"description": "Dracula theme for thelounge", "description": "Nord theme for thelounge",
"version": "1.1.1", "version": "1.0.0",
"keywords": [ "keywords": [
"thelounge", "thelounge",
"thelounge-theme" "thelounge-theme",
"nord"
], ],
"homepage": "https://github.com/SpaceLenore/thelounge-theme-dracula", "homepage": "https://github.com/SeraphimRP/thelounge-theme-nord",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/SpaceLenore/thelounge-theme-dracula.git" "url": "git+https://github.com/SeraphimRP/thelounge-theme-nord.git"
}, },
"license": "MIT", "license": "MIT",
"main": "package.json", "main": "package.json",
"thelounge": { "thelounge": {
"name": "Dracula", "name": "Nord",
"type": "theme", "type": "theme",
"css": "dracula_theme.css" "css": "nord.css"
}, },
"devDependencies": { "devDependencies": {
"stylelint": "^10.1.0", "stylelint": "^10.1.0",
"stylelint-config-standard": "^18.3.0" "stylelint-config-standard": "^18.3.0"
}, },
"scripts": { "scripts": {
"test": "stylelint dracula_theme.css", "test": "stylelint nord.css",
"format": "stylelint --fix dracula_theme.css" "format": "stylelint --fix nord.css"
} }
} }