Nurs/sozday-sovremennyy-veb-sayt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: тёмная тема по умолчанию + брендирование Жамбылский ДЭСД

Browse Source
This commit is contained in:
Nurs 2026-09-16 11:48:46 +00:00
parent 0908c64a55
commit 602ff94919
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru" data-theme="auto"> <html lang="ru" data-theme="dark">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
@ -34,8 +34,11 @@
<div class="kt-ai-shell"> <div class="kt-ai-shell">
<aside class="kt-ai-sidebar"> <aside class="kt-ai-sidebar">
<a class="kt-ai-brand" href="#"> <a class="kt-ai-brand" href="#">
<img src="design-system/brand/kt-ai-logo.png" alt="KT AI" height="20"> <img src="design-system/brand/kazakhtelecom-logo-white.png" alt="Қазақтелеком" height="20">
<span>Учёт оборудования</span> <div>
<span style="display: block; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-faint);">Жамбылский ДЭСД</span>
<span style="display: block; font-weight: 600;">Учёт оборудования</span>
</div>
</a> </a>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<div class="nav-section"> <div class="nav-section">
@ -81,8 +84,12 @@
<main> <main>
<header class="kt-ai-topbar"> <header class="kt-ai-topbar">
<div style="display: flex; align-items: center; gap: var(--kt-ai-space-3);"> <div style="display: flex; align-items: center; gap: var(--kt-ai-space-4);">
<h1 class="kt-ai-page-title" id="page-title">Dashboard</h1> <img src="design-system/brand/kazakhtelecom-logo-white.png" alt="Қазақтелеком" height="24" style="border-radius: var(--kt-ai-radius-md);">
<div>
<div style="font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-faint); text-transform: uppercase; letter-spacing: 0.05em;">Жамбылский ДЭСД</div>
<h1 class="kt-ai-page-title" id="page-title" style="margin: 0; font-size: var(--kt-ai-text-lg);">Dashboard</h1>
</div>
</div> </div>
<div class="kt-ai-search" style="min-width: 280px;"> <div class="kt-ai-search" style="min-width: 280px;">
<svg class="kt-icon kt-icon-sm" aria-hidden="true"><use href="#search"></use></svg> <svg class="kt-icon kt-icon-sm" aria-hidden="true"><use href="#search"></use></svg>

9
script.js
View File

@ -631,6 +631,15 @@ function toggleTheme() {
const current = html.getAttribute('data-theme'); const current = html.getAttribute('data-theme');
const next = current === 'dark' ? 'light' : 'dark'; const next = current === 'dark' ? 'light' : 'dark';
html.setAttribute('data-theme', next); html.setAttribute('data-theme', next);
// Update logo based on theme
const logos = document.querySelectorAll('img[src*="kazakhtelecom-logo"]');
logos.forEach(img => {
if (next === 'dark') {
img.src = 'design-system/brand/kazakhtelecom-logo-white.png';
} else {
img.src = 'design-system/brand/kazakhtelecom-logo.png';
}
});
} }
function formatDate(dateStr) { function formatDate(dateStr) {