ramforth/MultiChatOverlay
3
2
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Added: Temporary overlay text and 2 css layouts.

Browse Source
This commit is contained in:
ramforth
2025-11-17 03:04:19 +01:00
parent 0c00ff7ee0
commit d72e27ad2e
6 changed files with 135 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
static/overlay-bright-green.css Normal file
View File

@@ -0,0 +1,26 @@
body {
background-color: transparent;
color: #1a1a1a; /* Dark text for readability on light backgrounds */
font-family: 'Inter', sans-serif;
font-size: 18px;
margin: 0;
padding: 10px;
font-weight: 600;
-webkit-text-stroke: 0.5px white; /* White outline for text */
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.chat-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.chat-message {
padding: 5px 10px;
background-color: rgba(240, 240, 240, 0.5); /* Semi-transparent light background */
border-radius: 5px;
border-left: 3px solid #00ff7f; /* Spring green accent */
}
.username {
font-weight: 800;
color: #008000; /* Dark green for usernames */
}

24
static/overlay-dark-purple.css Normal file
View File

@@ -0,0 +1,24 @@
body {
background-color: transparent;
color: #e6edf3; /* Light text for dark backgrounds */
font-family: 'Inter', sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
}
.chat-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.chat-message {
padding: 4px 8px;
background-color: rgba(22, 27, 34, 0.6); /* Semi-transparent dark background */
border-radius: 4px;
border-left: 3px solid #9146FF; /* Twitch purple accent */
}
.username {
font-weight: 800;
color: #a970ff; /* Lighter purple for usernames */
}