Изменить логотип #16

New issue

Closed

opened 2026-09-25 17:32:33 +00:00 by forgejo-admin · 6 comments

forgejo-admin commented 2026-09-25 17:32:33 +00:00

Owner

Copy link

Там, где сейчас написано "KEBA PANEL" нужно подставить логотип моей компании, я прикрепил тебе 2 файла, для темной версии и для светлой.

А также разнообразь фронт немного цветом #d4dc00 - основной акцентный цвет моей компании.

Перед реализацией и PR сделай несколько вариантов дизайна - скинь мне скриншоты. Какой я выберу, тот реализуешь.

Там, где сейчас написано "KEBA PANEL" нужно подставить логотип моей компании, я прикрепил тебе 2 файла, для темной версии и для светлой. А также разнообразь фронт немного цветом #d4dc00 - основной акцентный цвет моей компании. Перед реализацией и PR сделай несколько вариантов дизайна - скинь мне скриншоты. Какой я выберу, тот реализуешь.

logo-horiz-dark.svg

5.5 KiB

logo-horiz.svg

5.5 KiB

variant_a_accent_light.png

82 KiB

variant_a_accent_dark.png

84 KiB

variant_b_header_light.png

82 KiB

variant_b_header_dark.png

84 KiB

variant_b_header_pressed.png

82 KiB

variant_c_buttons_light.png

82 KiB

variant_c_buttons_dark.png

84 KiB

variant_c_buttons_pressed.png

92 KiB

developer was assigned by forgejo-admin 2026-09-25 17:32:33 +00:00

forgejo-admin added the

medium

label 2026-09-25 17:32:50 +00:00

developer commented 2026-09-25 18:18:31 +00:00

Collaborator

Copy link

Беру задачу, ветка feature/16_logo_and_accent. Подготовлю несколько вариантов дизайна (логотип в шапке + акцент #d4dc00) и скину скриншоты в issue до реализации.

Беру задачу, ветка `feature/16_logo_and_accent`. Подготовлю несколько вариантов дизайна (логотип в шапке + акцент #d4dc00) и скину скриншоты в issue до реализации.

developer added the

in_progress

label 2026-09-25 18:18:40 +00:00

developer referenced this issue from a commit 2026-09-25 18:43:57 +00:00

Add HH Service logos and issue #16 design variant screenshots

developer commented 2026-09-25 18:44:13 +00:00

Collaborator

Copy link

Подготовил три варианта дизайна (каждый в светлой и тёмной теме). Логотип — приложенный HHSERVICE (светлый текст для тёмной темы, тёмный для светлой), акцентный цвет #d4dc00. Все скриншоты — во вложениях к issue (папка web/public/screenshots/issue16/ в ветке).

Вариант A — «Точечные акценты»
Шапка без изменений (вместо «KEBA PANEL» — логотип). Акцент #d4dc00 появляется в деталях: значение маски, событие PRESS в журнале, свечение нажатой кнопки.

• Светлая тема: variant_a_accent_light.png
• Тёмная тема: variant_a_accent_dark.png

Вариант B — «Брендовая шапка»
Шапка залита акцентным #d4dc00 (белая подложка у индикатора связи и кнопки «Настройки»), все кнопки — с акцентной рамкой, нажатая кнопка заливается акцентом.

• Светлая тема: variant_b_header_light.png
• Тёмная тема: variant_b_header_dark.png
• Нажатая кнопка (светлая): variant_b_header_pressed.png

Вариант C — «Кнопка как элемент бренда»
Шапка нейтральная, только логотип. Нажатая кнопка — яркая акцентная заливка с градиентом, акцентная подсветка индикатора связи и значения маски.

• Светлая тема: variant_c_buttons_light.png
• Тёмная тема: variant_c_buttons_dark.png
• Нажатая кнопка (светлая): variant_c_buttons_pressed.png

Во всех вариантах акценты — только #d4dc00 (и его более тёмные/светлые оттенки для читаемости), синий из текущей темы заменяется.

Напишите, пожалуйста, какой вариант реализовать (A, B или C) — после выбора подготовлю PR с реализацией. Ветка с превью: feature/16_logo_and_accent.

Подготовил три варианта дизайна (каждый в светлой и тёмной теме). Логотип — приложенный `HHSERVICE` (светлый текст для тёмной темы, тёмный для светлой), акцентный цвет #d4dc00. Все скриншоты — во вложениях к issue (папка `web/public/screenshots/issue16/` в ветке). **Вариант A — «Точечные акценты»** Шапка без изменений (вместо «KEBA PANEL» — логотип). Акцент #d4dc00 появляется в деталях: значение маски, событие PRESS в журнале, свечение нажатой кнопки. - Светлая тема: `variant_a_accent_light.png` - Тёмная тема: `variant_a_accent_dark.png` **Вариант B — «Брендовая шапка»** Шапка залита акцентным #d4dc00 (белая подложка у индикатора связи и кнопки «Настройки»), все кнопки — с акцентной рамкой, нажатая кнопка заливается акцентом. - Светлая тема: `variant_b_header_light.png` - Тёмная тема: `variant_b_header_dark.png` - Нажатая кнопка (светлая): `variant_b_header_pressed.png` **Вариант C — «Кнопка как элемент бренда»** Шапка нейтральная, только логотип. Нажатая кнопка — яркая акцентная заливка с градиентом, акцентная подсветка индикатора связи и значения маски. - Светлая тема: `variant_c_buttons_light.png` - Тёмная тема: `variant_c_buttons_dark.png` - Нажатая кнопка (светлая): `variant_c_buttons_pressed.png` Во всех вариантах акценты — только #d4dc00 (и его более тёмные/светлые оттенки для читаемости), синий из текущей темы заменяется. Напишите, пожалуйста, какой вариант реализовать (A, B или C) — после выбора подготовлю PR с реализацией. Ветка с превью: `feature/16_logo_and_accent`.

developer commented 2026-09-25 18:47:13 +00:00

Collaborator

Copy link

Перевожу задачу в blocked: для реализации нужен выбор варианта дизайна (A, B или C) из комментария выше — код менять до выбора не вариант, чтобы не переделывать. Как только назовёте вариант (и, при желании, правки к нему) — сразу сниму блокировку и подготовлю PR.

Перевожу задачу в `blocked`: для реализации нужен выбор варианта дизайна (A, B или C) из комментария выше — код менять до выбора не вариант, чтобы не переделывать. Как только назовёте вариант (и, при желании, правки к нему) — сразу сниму блокировку и подготовлю PR.

developer added

blocked

and removed

in_progress

labels 2026-09-25 18:47:21 +00:00

forgejo-admin commented 2026-09-25 19:33:35 +00:00

Author

Owner

Copy link

Мне нравится брендовая шапка из варианта B и нажатая кнопка из варианта C. Давай сделаем смешаем эти 2 варианта.
p.s. не забудь покрасить в темный цвет текст на белой кнопке "Настройки" в темной теме. Выполни это в этой задаче

Мне нравится брендовая шапка из варианта B и нажатая кнопка из варианта C. Давай сделаем смешаем эти 2 варианта. p.s. не забудь покрасить в темный цвет текст на белой кнопке "Настройки" в темной теме. Выполни это в этой задаче

developer commented 2026-09-25 20:19:29 +00:00

Collaborator

Copy link

Принято: смешиваем B (брендовая шапка) + C (нажатая кнопка), отдельно покрашу текст кнопки «Настройки» в тёмный цвет в тёмной теме (белая подложка). Продолжаю работу, ветка та же — feature/16_logo_and_accent.

Принято: смешиваем B (брендовая шапка) + C (нажатая кнопка), отдельно покрашу текст кнопки «Настройки» в тёмный цвет в тёмной теме (белая подложка). Продолжаю работу, ветка та же — `feature/16_logo_and_accent`.

developer added

in_progress

and removed

blocked

labels 2026-09-25 20:19:41 +00:00

developer referenced this issue from a pull request that will close it, 2026-09-25 20:40:12 +00:00

Apply approved HH Service brand design (logo header + accent pressed buttons) #20

developer referenced this issue from a commit 2026-09-25 20:40:57 +00:00

Add implementation screenshots for issue #16 review

developer commented 2026-09-25 20:41:05 +00:00

Collaborator

Copy link

Готово, PR #20 на ревью, ветка feature/16_logo_and_accent.

Реализована смесь утверждённых вариантов:

• B — брендовая шапка: полоса #d4dc00 с логотипом HH Service (по темам: белый текст в тёмной, тёмный в светлой), индикатор связи — полупрозрачно-белая пилюля с тёмным текстом.
• C — нажатая кнопка: заливка фирменным градиентом с тёмной надписью, акцентная рамка и свечение.
• Акценты #d4dc00: значение маски, бейдж PRESS в журнале, фокус-ринги.
• Отдельная просьба выполнена: кнопка «⚙ Настройки» — белая с тёмным текстом в обеих темах (в тёмной теме раньше оставалась тёмной).

Проверка: тесты 36/36, сборка и линтер зелёные. Скриншоты реализации — web/public/screenshots/issue16/final_light.png, final_light_pressed.png, final_dark.png (в ветке PR).

Готово, PR #20 на ревью, ветка `feature/16_logo_and_accent`. Реализована смесь утверждённых вариантов: - **B** — брендовая шапка: полоса #d4dc00 с логотипом HH Service (по темам: белый текст в тёмной, тёмный в светлой), индикатор связи — полупрозрачно-белая пилюля с тёмным текстом. - **C** — нажатая кнопка: заливка фирменным градиентом с тёмной надписью, акцентная рамка и свечение. - Акценты #d4dc00: значение маски, бейдж PRESS в журнале, фокус-ринги. - Отдельная просьба выполнена: кнопка «⚙ Настройки» — белая с тёмным текстом в **обеих** темах (в тёмной теме раньше оставалась тёмной). Проверка: тесты 36/36, сборка и линтер зелёные. Скриншоты реализации — `web/public/screenshots/issue16/final_light.png`, `final_light_pressed.png`, `final_dark.png` (в ветке PR).

developer added

done

and removed

in_progress

labels 2026-09-25 20:41:14 +00:00

developer referenced this issue from a commit 2026-09-26 06:26:57 +00:00

Refresh README screenshots with branded header UI

forgejo-admin closed this issue 2026-09-26 10:42:05 +00:00

Sign in to join this conversation.

main

Branches Tags

Clear current reference

main

feature/9_dynamic_button_labels

feature/10_app_settings_page

Clear current reference

No results found.

Labels

Clear labels   

blocked

Ждёт ответа/информации от заказчика

  

crit

Критически важная задача

  

done

Задача выполнена

  

high

Высокая важность

  

in_progress

Задача в работе

  

low

Низкая важность

  

medium

Средняя важность

No labels

blocked

crit

done

high

in_progress

low

medium

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

developer

2 participants

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

forgejo-admin/keba-hhs#16

No description provided.