Skip to content

change colors #191

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gkorland merged 1 commit into from
Sep 2, 2025
Merged

change colors #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions app/public/css/buttons.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* Button Styles and Interactive Elements */

.input-button {
background: var(--falkor-quaternary);
background: var(--falkor-primary);
cursor: pointer;
transition: all 0.2s ease;
border: none;
Expand Down Expand Up @@ -48,7 +48,7 @@

.action-button:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
background: var(--falkor-accent);
background: var(--falkor-primary);
transform: translateY(-1px);
}

Expand Down Expand Up @@ -179,7 +179,7 @@

#github-link-btn:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
background: var(--falkor-accent);
background: var(--falkor-primary);
transform: translateY(-1px);
color: var(--text-primary);
}
Expand Down
9 changes: 8 additions & 1 deletion app/templates/components/chat_input.j2
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,14 @@
<div class="input-container" id="input-container">
<input type="text" id="message-input" placeholder="Describe the SQL query you want..." />
<button class="input-button" title="Submit" id="submit-button">
<img src="/static/icons/submit.svg" alt="Submit">
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Rounded rectangle background -->
<rect x="2" y="2" width="50" height="50" rx="6" ry="6" fill="none" />
<!-- Submit arrow icon -->
<path
d="M24.332 26.4667V35C24.332 35.7555 24.588 36.3893 25.1 36.9013C25.612 37.4133 26.2449 37.6684 26.9987 37.6667C27.7525 37.6649 28.3863 37.4089 28.9 36.8987C29.4138 36.3884 29.6689 35.7555 29.6654 35V26.4667L32.0654 28.8666C32.5543 29.3555 33.1765 29.6 33.932 29.6C34.6876 29.6 35.3098 29.3555 35.7987 28.8666C36.2876 28.3778 36.532 27.7555 36.532 27C36.532 26.2444 36.2876 25.6222 35.7987 25.1333L28.8654 18.2C28.332 17.6666 27.7098 17.4 26.9987 17.4C26.2876 17.4 25.6654 17.6666 25.132 18.2L18.1987 25.1333C17.7098 25.6222 17.4654 26.2444 17.4654 27C17.4654 27.7555 17.7098 28.3778 18.1987 28.8666C18.6876 29.3555 19.3098 29.6 20.0654 29.6C20.8209 29.6 21.4431 29.3555 21.932 28.8666L24.332 26.4667Z"
fill="white" />
</svg>
</button>
<button class="input-button" title="Pause" id="pause-button">
<img src="/static/icons/pause.svg" alt="Pause">
Expand Down