Fovway/NoteJS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Обновлены стили для улучшения визуального оформления и согласованности интерфейса

Browse Source 
- Заменены фиксированные цвета на переменные CSS для фона, текста и границ, улучшая поддержку темной темы.
- Обновлены стили для элементов управления, включая текстовые области и теги, с использованием новых переменных для фона и цвета.
- Оптимизированы стили для улучшения визуальной согласованности и адаптивности интерфейса.
This commit is contained in:
Fovway 2025-10-25 19:12:51 +07:00
parent 1f0117ff19
commit 96caa85e3f
1 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
public/style.css
View File

@ -699,7 +699,7 @@ textarea:focus {
left: 0; left: 0;
right: 0; right: 0;
height: 80px; height: 80px;
background: linear-gradient(to bottom, transparent, var(--bg-primary)); background: linear-gradient(to bottom, transparent, var(--bg-secondary));
pointer-events: none; pointer-events: none;
} }
@ -708,8 +708,8 @@ textarea:focus {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
padding: 8px; padding: 8px;
background-color: #f8f9fa; background-color: var(--bg-tertiary);
border: 1px solid #ddd; border: 1px solid var(--border-secondary);
border-radius: 5px; border-radius: 5px;
color: var(--accent-color, #007bff); color: var(--accent-color, #007bff);
font-size: 14px; font-size: 14px;
@ -782,9 +782,9 @@ textarea:focus {
border-left: 4px solid var(--accent-color, #007bff); border-left: 4px solid var(--accent-color, #007bff);
padding-left: 16px; padding-left: 16px;
margin: 10px 0; margin: 10px 0;
color: #555; color: var(--text-secondary);
font-style: italic; font-style: italic;
background-color: #f8f9fa; background-color: var(--bg-tertiary);
padding: 10px 16px; padding: 10px 16px;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
word-wrap: break-word; word-wrap: break-word;
@ -797,7 +797,8 @@ textarea:focus {
/* Стили для кода */ /* Стили для кода */
.textNote pre { .textNote pre {
background-color: #f5f5f5; background-color: var(--bg-tertiary);
color: var(--text-primary);
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
@ -808,7 +809,8 @@ textarea:focus {
} }
.textNote code { .textNote code {
background-color: #f5f5f5; background-color: var(--bg-tertiary);
color: var(--text-primary);
padding: 2px 4px; padding: 2px 4px;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
@ -1398,7 +1400,7 @@ textarea:focus {
.tag { .tag {
display: inline-block; display: inline-block;
padding: 4px 8px; padding: 4px 8px;
background-color: #ffffff; background-color: var(--bg-secondary);
color: var(--accent-color, #007bff); color: var(--accent-color, #007bff);
border: 1px solid var(--accent-color, #007bff); border: 1px solid var(--accent-color, #007bff);
border-radius: 12px; border-radius: 12px;
@ -1430,7 +1432,7 @@ textarea:focus {
.textNote .tag-in-note { .textNote .tag-in-note {
display: inline-block; display: inline-block;
padding: 2px 6px; padding: 2px 6px;
background-color: #ffffff; background-color: var(--bg-tertiary);
color: var(--accent-color, #007bff); color: var(--accent-color, #007bff);
border: 1px solid var(--accent-color, #007bff); border: 1px solid var(--accent-color, #007bff);
border-radius: 8px; border-radius: 8px;
@ -1683,6 +1685,7 @@ textarea:focus {
.mobile-sidebar .tag { .mobile-sidebar .tag {
display: inline-block; display: inline-block;
padding: 4px 8px; padding: 4px 8px;
background-color: var(--bg-secondary);
color: var(--accent-color, #007bff); color: var(--accent-color, #007bff);
border: 1px solid var(--accent-color, #007bff); border: 1px solid var(--accent-color, #007bff);
border-radius: 12px; border-radius: 12px;
@ -1936,24 +1939,29 @@ textarea:focus {
} }
.note-preview-content code { .note-preview-content code {
background: #f8f9fa; background: var(--bg-tertiary);
color: var(--text-primary);
padding: 2px 6px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
} }
.note-preview-content pre { .note-preview-content pre {
background: #f8f9fa; background: var(--bg-tertiary);
color: var(--text-primary);
padding: 10px; padding: 10px;
border-radius: 6px; border-radius: 6px;
overflow-x: auto; overflow-x: auto;
} }
.note-preview-content blockquote { .note-preview-content blockquote {
border-left: 4px solid #007bff; border-left: 4px solid var(--accent-color, #007bff);
padding-left: 15px; padding-left: 15px;
margin: 10px 0; margin: 10px 0;
color: #495057; color: var(--text-secondary);
background-color: var(--bg-tertiary);
padding: 8px 15px;
border-radius: 0 4px 4px 0;
} }
.note-preview-content img { .note-preview-content img {