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

Updated file paths for CSS

Browse Source
This commit is contained in:
ramforth
2025-11-17 12:10:42 +01:00
parent 0e0135be55
commit 7f08ad86b0
6 changed files with 43 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/base.html
View File

@@ -7,7 +7,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', path='/css/main.css') }}"> <link rel="stylesheet" href="{{ url_for('static', path='css/main.css') }}">
</head> </head>
<body> <body>
<div class="container"> <div class="container">

79
templates/main.css
View File

@@ -1,79 +0,0 @@
:root {
--background-color: #121212;
--surface-color: #1e1e1e;
--primary-color: #9146FF; /* Twitch Purple */
--on-primary-color: #FFFFFF;
--text-color: #E0E0E0;
--text-secondary-color: #A0A0A0;
--border-color: #333333;
--font-family: 'Inter', sans-serif;
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: var(--font-family);
margin: 0;
padding: 2rem;
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
}
.container {
width: 100%;
max-width: 800px;
text-align: center;
}
.main-header {
margin-bottom: 3rem;
border-bottom: 1px solid var(--border-color);
padding-bottom: 1rem;
}
.main-header h1 {
margin: 0;
font-weight: 700;
}
.card {
background-color: var(--surface-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 2rem;
margin-bottom: 1.5rem;
text-align: left;
}
.card h2 {
margin-top: 0;
border-bottom: 1px solid var(--border-color);
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.btn {
display: inline-block;
background-color: var(--primary-color);
color: var(--on-primary-color);
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 500;
border: none;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
}
.btn:hover {
background-color: #7a3ad9; /* Darker purple */
}
.btn-twitch {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.1rem;
}

20
templates/overlay-bright-green.css Normal file
View File

@@ -0,0 +1,20 @@
body {
background-color: transparent;
color: #FFFFFF;
font-family: 'Inter', sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
overflow: hidden;
}
.chat-message {
padding: 6px 10px;
background-color: rgba(10, 10, 10, 0.5);
border-left: 3px solid #1ED760; /* Bright Green Accent */
margin-bottom: 8px;
}
.username {
font-weight: 800;
color: #1ED760; /* Bright Green */
}

2
templates/overlay-bright-green.html
View File

@@ -6,7 +6,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/overlay-bright-green.css"> <link rel="stylesheet" href="{{ url_for('static', path='css/overlay-bright-green.css') }}">
</head> </head>
<body> <body>
<div class="chat-container"> <div class="chat-container">

20
templates/overlay-dark-purple.css Normal file
View File

@@ -0,0 +1,20 @@
body {
background-color: transparent;
color: #E0E0E0;
font-family: 'Inter', sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
overflow: hidden;
}
.chat-message {
padding: 4px 8px;
background-color: rgba(24, 24, 27, 0.6);
border-radius: 4px;
margin-bottom: 8px;
}
.username {
font-weight: 800;
color: #a970ff; /* Twitch Purple */
}

2
templates/overlay-dark-purple.html
View File

@@ -6,7 +6,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/overlay-dark-purple.css"> <link rel="stylesheet" href="{{ url_for('static', path='css/overlay-dark-purple.css') }}">
</head> </head>
<body> <body>
<div class="chat-container"> <div class="chat-container">