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