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

migrate

Browse Source
This commit is contained in:
alazyreader
2026-06-19 10:37:15 -04:00
parent 54169dfc99
commit a2d0662495
6 changed files with 119 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.github/workflows/build.yml
-21
View File
@@ -1,21 +0,0 @@
name: Build
on: [push, pull_request]
jobs:
build:
name: Build and test
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@master
- name: Setup Node.js
uses: actions/setup-node@v1
- name: Install
run: yarn --frozen-lockfile --non-interactive
- name: Test
run: yarn test
.github/workflows/release.yml
-27
View File
@@ -1,27 +0,0 @@
name: Release
on:
push:
tags: v*
jobs:
release:
name: Release workflow
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@master
- name: Setup Node.js
uses: actions/setup-node@v1
with:
registry-url: 'https://registry.npmjs.org/'
- name: Install
run: yarn --frozen-lockfile --non-interactive
- name: Publish
run: npm publish
env:
NODE_AUTH_TOKEN: ${{ secrets.NODE_AUTH_TOKEN }}
.stylelintrc.yml
-4
View File
@@ -1,4 +0,0 @@
extends: stylelint-config-standard
rules:
indentation: tab
README.md
+2 -24
View File
@@ -1,29 +1,7 @@
<h1 align="center"> # Installation
Solarized theme for The Lounge
</h1>
<h3 align="center">
An opinionated simple theme with Solarized colours
</h3>
<p align="center">
<a href="https://yarn.pm/thelounge-theme-solarized"><img
alt="npm version"
src="https://img.shields.io/npm/v/thelounge-theme-solarized.svg?style=flat-square"></a>
<a href="https://npm-stat.com/charts.html?package=thelounge-theme-solarized&from=2016-02-12"><img
alt="Total downloads on npm"
src="https://img.shields.io/npm/dt/thelounge-theme-solarized.svg?colorB=007dc7&style=flat-square"></a>
</p>
<p align="center">
<img src="screenshot.png" alt="Screenshot of the Solarized theme for The Lounge" width="550">
</p>
## Installation
Install this theme with: Install this theme with:
```sh ```sh
thelounge install thelounge-theme-solarized thelounge install thelounge-theme-lrz
``` ```
package.json
+5 -8
View File
@@ -1,27 +1,24 @@
{ {
"name": "thelounge-theme-solarized", "name": "thelounge-theme-lrz",
"version": "1.1.9", "version": "1.1.9",
"description": "A simple theme with Solarized colours", "description": "Custom personal theme",
"main": "package.json", "main": "package.json",
"thelounge": { "thelounge": {
"name": "Solarized", "name": "LRZ",
"type": "theme", "type": "theme",
"css": "theme.css", "css": "theme.css",
"themeColor": "#002b36" "themeColor": "#002b36"
}, },
"license": "MIT", "license": "MIT",
"homepage": "https://github.com/thelounge/thelounge-theme-solarized", "homepage": "https://git.yetaga.in/alazyreader/thelounge-theme-lzr",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/thelounge/thelounge-theme-solarized.git" "url": "git+https://git.yetaga.in/alazyreader/thelounge-theme-lzr.git"
}, },
"keywords": [ "keywords": [
"thelounge", "thelounge",
"thelounge-theme" "thelounge-theme"
], ],
"bugs": {
"url": "https://github.com/thelounge/thelounge-theme-solarized/issues"
},
"devDependencies": { "devDependencies": {
"stylelint": "^13.1.0", "stylelint": "^13.1.0",
"stylelint-config-standard": "^22.0.0" "stylelint-config-standard": "^22.0.0"
theme.css
+112 -100
View File
@@ -7,83 +7,83 @@
/* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */ /* Samsung Internet and Microsoft Edge (yes, both of them use -webkit- prefix) */
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: rgba(131, 148, 150, 0.9); color: rgba(131, 148, 150, 0.9);
} }
:root { :root {
--body-bg-color: #051114; --body-bg-color: #051114;
--window-bg-color: #051114; --window-bg-color: #051114;
--body-color: #fff; --body-color: #fff;
--body-color-muted: #b7c5d1; --body-color-muted: #b7c5d1;
--link-color: #268bd2; --link-color: #268bd2;
--unread-marker-color: #268bd2; --unread-marker-color: #268bd2;
--date-marker-color: #acf046; --date-marker-color: #acf046;
--highlight-bg-color: #002b36; --highlight-bg-color: #002b36;
--highlight-border-color: #268bd2; --highlight-border-color: #268bd2;
--background-light-color: #002b36; --background-light-color: #002b36;
--overlay-bg-color: rgba(0, 0, 0, 0.8); --overlay-bg-color: rgba(0, 0, 0, 0.8);
} }
form.message-search input::placeholder, form.message-search input::placeholder,
::placeholder { ::placeholder {
color: rgba(131, 148, 150, 0.9); color: rgba(131, 148, 150, 0.9);
opacity: 1; /* fix opacity in Firefox */ opacity: 1; /* fix opacity in Firefox */
} }
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
background: hsl(192, 100%, 25%); background: hsl(192, 100%, 25%);
} }
::-webkit-scrollbar-thumb:vertical:hover { ::-webkit-scrollbar-thumb:vertical:hover {
background: hsl(192, 100%, 30%); background: hsl(192, 100%, 30%);
} }
::-webkit-scrollbar-thumb:vertical:active { ::-webkit-scrollbar-thumb:vertical:active {
background: hsl(192, 100%, 40%); background: hsl(192, 100%, 40%);
} }
html { html {
scrollbar-color: hsl(192, 100%, 25%) hsla(192, 100%, 25%, 10%); scrollbar-color: hsl(192, 100%, 25%) hsla(192, 100%, 25%, 10%);
scrollbar-width: thin; scrollbar-width: thin;
} }
.window .logo, .window .logo,
#loading .logo { #loading .logo {
display: none; display: none;
} }
.window .logo-inverted, .window .logo-inverted,
#loading .logo-inverted { #loading .logo-inverted {
display: inline-block; display: inline-block;
} }
#sidebar { #sidebar {
color: var(--body-color-muted); color: var(--body-color-muted);
background-color: var(--background-light-color); background-color: var(--background-light-color);
} }
#sidebar .logo-container { #sidebar .logo-container {
padding-top: 5px; padding-top: 5px;
} }
#sidebar .logo-inverted { #sidebar .logo-inverted {
height: 35px; height: 35px;
} }
i.hostmask { i.hostmask {
font-size: 90%; font-size: 90%;
opacity: 0.7; opacity: 0.7;
} }
.irc-monospace, .irc-monospace,
pre, pre,
code, code,
kbd { kbd {
color: #ddd; color: #ddd;
background-color: #444; background-color: #444;
border-color: #666; border-color: #666;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
} }
#chat .count::before, #chat .count::before,
@@ -95,92 +95,92 @@ kbd {
#chat form.message-search button, #chat form.message-search button,
#viewport .lt, #viewport .lt,
#viewport .rt { #viewport .rt {
color: var(--body-color-muted); color: var(--body-color-muted);
} }
#context-menu, #context-menu,
.textcomplete-menu { .textcomplete-menu {
border: 0; border: 0;
background-color: #657b83; background-color: #657b83;
} }
.context-menu-item, .context-menu-item,
.textcomplete-item { .textcomplete-item {
transition: none; transition: none;
} }
.context-menu-divider { .context-menu-divider {
background-color: #aaa; background-color: #aaa;
} }
#loading, #loading,
#chat .userlist, #chat .userlist,
.window, .window,
body { body {
background-color: var(--body-bg-color); background-color: var(--body-bg-color);
color: var(--body-color); color: var(--body-color);
} }
.context-menu-item, .context-menu-item,
.textcomplete-item a { .textcomplete-item a {
color: var(--body-color); color: var(--body-color);
} }
#chat .show-more .btn { #chat .show-more .btn {
background: rgba(88, 110, 117, 0.3); background: rgba(88, 110, 117, 0.3);
color: var(--body-color); color: var(--body-color);
border: 0; border: 0;
text-transform: uppercase; text-transform: uppercase;
transition: background 0.2s; transition: background 0.2s;
} }
#chat .show-more .btn:hover { #chat .show-more .btn:hover {
background: #84ce88; background: #84ce88;
} }
.btn-reconnect { .btn-reconnect {
background: #e74c3c; background: #e74c3c;
color: var(--body-color); color: var(--body-color);
border: 0; border: 0;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.input, .input,
form.message-search input { form.message-search input {
background: var(--background-light-color); background: var(--background-light-color);
color: var(--body-color); color: var(--body-color);
border-color: var(--window-heading-color); border-color: var(--window-heading-color);
} }
#input, #input,
#form .input, #form .input,
#form, #form,
#chat .userlist .count { #chat .userlist .count {
background-color: inherit; background-color: inherit;
} }
.channel-list-item[data-type="lobby"] { .channel-list-item[data-type="lobby"] {
color: #3d99db; color: #3d99db;
} }
.channel-list-item[data-type="lobby"]:hover, .channel-list-item[data-type="lobby"]:hover,
.channel-list-item[data-type="lobby"].active { .channel-list-item[data-type="lobby"].active {
color: #93c7eb; color: #93c7eb;
} }
/* Hide close button on channels, it is not used that frequently */ /* Hide close button on channels, it is not used that frequently */
.channel-list-item[data-type="channel"] .close-tooltip { .channel-list-item[data-type="channel"] .close-tooltip {
display: none; display: none;
} }
.channel-list-item.active { .channel-list-item.active {
background-color: var(--body-bg-color); background-color: var(--body-bg-color);
} }
#footer { #footer {
height: 43px; height: 43px;
line-height: 43px; line-height: 43px;
} }
.context-menu-item.active, .context-menu-item.active,
@@ -188,13 +188,17 @@ form.message-search input {
.textcomplete-menu .active, .textcomplete-menu .active,
#chat .userlist .user.active, #chat .userlist .user.active,
#footer { #footer {
color: var(--body-color); color: var(--body-color);
background-color: var(--background-light-color); background-color: var(--background-light-color);
} }
#chat .self { #chat .self {
/* same as background color, but lighter */ /* same as background color, but lighter */
background: linear-gradient(to right, hsla(194, 61%, 16%, 1) 5px, #07181d 5px); background: linear-gradient(
to right,
hsla(194, 61%, 16%, 1) 5px,
#07181d 5px
);
} }
#form, #form,
@@ -202,138 +206,146 @@ form.message-search input {
#chat .header, #chat .header,
#chat .content, #chat .content,
#chat .userlist { #chat .userlist {
border-color: var(--background-light-color); border-color: var(--background-light-color);
} }
#chat .userlist .search, #chat .userlist .search,
#form .input { #form .input {
border: 0; border: 0;
color: var(--body-color); color: var(--body-color);
} }
#chat.colored-nicks .user.color-1, #chat.colored-nicks .user.color-1,
#chat.colored-nicks .user.color-17 { #chat.colored-nicks .user.color-17 {
color: #ef4657; color: #ef4657;
} }
#chat.colored-nicks .user.color-2, #chat.colored-nicks .user.color-2,
#chat.colored-nicks .user.color-18 { #chat.colored-nicks .user.color-18 {
color: #ff93a4; color: #ff93a4;
} }
#chat.colored-nicks .user.color-3, #chat.colored-nicks .user.color-3,
#chat.colored-nicks .user.color-19 { #chat.colored-nicks .user.color-19 {
color: #ffb03b; color: #ffb03b;
} }
#chat.colored-nicks .user.color-4, #chat.colored-nicks .user.color-4,
#chat.colored-nicks .user.color-20 { #chat.colored-nicks .user.color-20 {
color: #cc7d08; color: #cc7d08;
} }
#chat.colored-nicks .user.color-5, #chat.colored-nicks .user.color-5,
#chat.colored-nicks .user.color-21 { #chat.colored-nicks .user.color-21 {
color: #ffd34e; color: #ffd34e;
} }
#chat.colored-nicks .user.color-6, #chat.colored-nicks .user.color-6,
#chat.colored-nicks .user.color-22 { #chat.colored-nicks .user.color-22 {
color: #cca01b; color: #cca01b;
} }
#chat.colored-nicks .user.color-7, #chat.colored-nicks .user.color-7,
#chat.colored-nicks .user.color-23 { #chat.colored-nicks .user.color-23 {
color: #acf046; color: #acf046;
} }
#chat.colored-nicks .user.color-8, #chat.colored-nicks .user.color-8,
#chat.colored-nicks .user.color-24 { #chat.colored-nicks .user.color-24 {
color: #d5f572; color: #d5f572;
} }
#chat.colored-nicks .user.color-9, #chat.colored-nicks .user.color-9,
#chat.colored-nicks .user.color-25 { #chat.colored-nicks .user.color-25 {
color: #499e8d; color: #499e8d;
} }
#chat.colored-nicks .user.color-10, #chat.colored-nicks .user.color-10,
#chat.colored-nicks .user.color-26 { #chat.colored-nicks .user.color-26 {
color: #b5ffe1; color: #b5ffe1;
} }
#chat.colored-nicks .user.color-11, #chat.colored-nicks .user.color-11,
#chat.colored-nicks .user.color-27 { #chat.colored-nicks .user.color-27 {
color: #35a7ff; color: #35a7ff;
} }
#chat.colored-nicks .user.color-12, #chat.colored-nicks .user.color-12,
#chat.colored-nicks .user.color-28 { #chat.colored-nicks .user.color-28 {
color: #91a6ff; color: #91a6ff;
} }
#chat.colored-nicks .user.color-13, #chat.colored-nicks .user.color-13,
#chat.colored-nicks .user.color-29 { #chat.colored-nicks .user.color-29 {
color: #975af2; color: #975af2;
} }
#chat.colored-nicks .user.color-14, #chat.colored-nicks .user.color-14,
#chat.colored-nicks .user.color-30 { #chat.colored-nicks .user.color-30 {
color: #ff88dc; color: #ff88dc;
} }
#chat.colored-nicks .user.color-15, #chat.colored-nicks .user.color-15,
#chat.colored-nicks .user.color-31 { #chat.colored-nicks .user.color-31 {
color: #bd8d46; color: #bd8d46;
} }
#chat.colored-nicks .user.color-16, #chat.colored-nicks .user.color-16,
#chat.colored-nicks .user.color-32 { #chat.colored-nicks .user.color-32 {
color: #f0c079; color: #f0c079;
} }
#chat .msg[data-type="motd"] .text, /* thelounge <= 4.2.0-pre.2 */ #chat .msg[data-type="motd"] .text, /* thelounge <= 4.2.0-pre.2 */
#chat .msg[data-type="monospace_block"] .text, #chat .msg[data-type="monospace_block"] .text,
#chat .toggle-content { #chat .toggle-content {
background-color: var(--background-light-color); background-color: var(--background-light-color);
} }
#chat .toggle-content, #chat .toggle-content,
#chat .toggle-text .body, #chat .toggle-text .body,
#chat .toggle-type-error { #chat .toggle-type-error {
color: var(--body-color-muted); color: var(--body-color-muted);
} }
#chat .chat-view[data-type="channel"] .msg.highlight .time { #chat .chat-view[data-type="channel"] .msg.highlight .time {
color: var(--body-color); color: var(--body-color);
} }
#chat .chat-view[data-type="channel"] .highlight .toggle-content { #chat .chat-view[data-type="channel"] .highlight .toggle-content {
background-color: var(--body-bg-color); background-color: var(--body-bg-color);
} }
#chat table.channel-list td { #chat table.channel-list td {
color: #999; color: #999;
} }
#chat table.channel-list th, #chat table.channel-list th,
#chat table.ban-list th, #chat table.ban-list th,
#chat table.channel-list td, #chat table.channel-list td,
#chat table.ban-list td { #chat table.ban-list td {
border-bottom-color: var(--background-light-color); border-bottom-color: var(--background-light-color);
} }
/* Increase contrast of some IRC colors */ /* Increase contrast of some IRC colors */
.irc-fg2 { color: #007ae6; } .irc-fg2 {
.irc-fg5 { color: #e969a7; } color: #007ae6;
.irc-fg6 { color: #d20ff0; } }
.irc-fg12 { color: #66b2ff; } .irc-fg5 {
color: #e969a7;
}
.irc-fg6 {
color: #d20ff0;
}
.irc-fg12 {
color: #66b2ff;
}
@media (max-width: 479px) { @media (max-width: 479px) {
#chat .msg[data-type="message"] .from .user::before { #chat .msg[data-type="message"] .from .user::before {
content: "<"; content: "<";
} }
#chat .msg[data-type="message"] .from .user::after { #chat .msg[data-type="message"] .from .user::after {
content: ">"; content: ">";
} }
} }