= safe($docset['name']) ?>
-= number_format($docset['entry_count']) ?> indexed entries
-Family: = safe($docset['family']) ?>
- Open start page -diff --git a/config/settings.php b/config/settings.php index e3eb970..cc7683a 100755 --- a/config/settings.php +++ b/config/settings.php @@ -28,13 +28,13 @@ $GLOBALS['config'] = array( 'content-type' => 'html', ), 'theme' => array( - 'key' => 'docset-viewer', - 'path' => 'themes/portal-dark/', - 'mode' => 'dark', + 'key' => 'docset-light', + 'path' => 'themes/docset-light/', + 'mode' => 'light', 'label' => 'Docset Viewer', 'footer_text' => 'Docset Viewer - local Zeal/Dash documentation browser.', 'meta_description' => 'Search and browse local Zeal docsets', - 'theme_color' => '#0f172a', + 'theme_color' => '#f8fafc', 'options' => array(), ), 'site' => array( diff --git a/themes/common/css/docset-viewer.css b/themes/common/css/docset-viewer.css index 106ae39..525ce9b 100644 --- a/themes/common/css/docset-viewer.css +++ b/themes/common/css/docset-viewer.css @@ -1 +1 @@ -.docset-hero{display:flex;justify-content:space-between;gap:2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3fc;font-size:.78rem;font-weight:700}.docset-count{min-width:8rem;text-align:center;font-size:3rem;font-weight:800;color:#e0f2fe}.docset-count span{display:block;font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.search-form{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(10rem,16rem) auto;gap:.75rem;align-items:end}.search-form label{position:absolute;left:-10000px}.search-form input,.search-form select,.mini-search input{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:.75rem;background:rgba(15,23,42,.78);color:#e2e8f0;padding:.8rem .95rem}.search-form button,.mini-search button{border:0;border-radius:.75rem;background:#38bdf8;color:#082f49;font-weight:800;padding:.82rem 1.1rem;cursor:pointer}.notice,.warning{border-color:rgba(250,204,21,.35);background:rgba(113,63,18,.22)}.result-list{display:grid;gap:.55rem}.result-row{display:grid;gap:.2rem;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.2);border-radius:.85rem;background:rgba(15,23,42,.45);text-decoration:none}.result-row:hover{border-color:#38bdf8;background:rgba(14,116,144,.2)}.result-title{color:#f8fafc;font-size:1.05rem;font-weight:750}.result-meta{color:#7dd3fc;font-size:.86rem}.result-path{color:#94a3b8;font-size:.78rem;overflow-wrap:anywhere}.docset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}.docset-card{border:1px solid rgba(148,163,184,.22);border-radius:1rem;padding:1rem;background:rgba(15,23,42,.45)}.docset-card h2{margin-top:0}.muted{color:#94a3b8}.doc-viewer-shell{padding:0;overflow:hidden}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(148,163,184,.2)}.viewer-toolbar h1{margin:0}.viewer-toolbar p{margin:.2rem 0 0;color:#94a3b8;overflow-wrap:anywhere}.mini-search{display:flex;gap:.5rem;min-width:20rem}.doc-frame{display:block;width:100%;height:72vh;border:0;background:white}@media(max-width:760px){.docset-hero,.viewer-toolbar{display:block}.search-form{grid-template-columns:1fr}.mini-search{min-width:0;margin-top:1rem}.doc-frame{height:68vh}} \ No newline at end of file +.docset-hero{display:flex;justify-content:space-between;gap:2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#0f68ad;font-size:.78rem;font-weight:800}.docset-count{min-width:8rem;text-align:center;font-size:3rem;font-weight:850;color:#0f68ad}.docset-count span{display:block;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.search-form{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(10rem,16rem) auto;gap:.75rem;align-items:end;max-width:none}.search-form label{position:absolute;left:-10000px}.search-form button,.mini-search button{white-space:nowrap}.notice,.warning{border-color:#facc15;background:#fef9c3;color:#713f12}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.section-heading h1,.section-heading h2{margin-bottom:.25rem}.result-list{display:grid;gap:.55rem}.result-row{display:grid;gap:.2rem;padding:.85rem 1rem;border:1px solid #d7e1ec;border-radius:.85rem;background:#ffffff;text-decoration:none}.result-row:hover{border-color:#0ea5e9;background:#f0f9ff;text-decoration:none;box-shadow:0 8px 18px rgba(15,23,42,.08)}.result-title{color:#0f172a;font-size:1.05rem;font-weight:750}.result-meta{color:#0f68ad;font-size:.86rem}.result-path{color:#64748b;font-size:.78rem;overflow-wrap:anywhere}.docset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.docset-card{display:flex;flex-direction:column;min-height:9rem;border:1px solid #d7e1ec;border-radius:1rem;padding:1.15rem;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 1px 2px rgba(15,23,42,.05);text-decoration:none}.docset-card:hover{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 14px 26px rgba(15,23,42,.12);transform:translateY(-2px);text-decoration:none}.docset-card-title{font-size:1.25rem;font-weight:850;color:#0f172a;margin-bottom:.4rem}.docset-card-meta{color:#0f68ad;font-weight:700}.docset-card-family{margin-top:auto;color:#64748b;font-size:.85rem}.muted{color:#64748b}.doc-viewer-shell{padding:0!important;overflow:hidden}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #d7e1ec;background:#ffffff}.viewer-toolbar h1{margin:0;font-size:1.4rem}.viewer-toolbar h1::after{display:none}.viewer-toolbar p{margin:.2rem 0 0;color:#64748b;overflow-wrap:anywhere}.mini-search{display:flex;gap:.5rem;min-width:20rem}.doc-frame{display:block;width:100%;height:72vh;border:0;background:white}@media(max-width:760px){.docset-hero,.viewer-toolbar,.section-heading{display:block}.search-form{grid-template-columns:1fr}.mini-search{min-width:0;margin-top:1rem}.doc-frame{height:68vh}} \ No newline at end of file diff --git a/themes/docset-light/css/style.css b/themes/docset-light/css/style.css new file mode 100644 index 0000000..d971d7b --- /dev/null +++ b/themes/docset-light/css/style.css @@ -0,0 +1,140 @@ +:root { + --bg-color: #eef3f8; + --bg-secondary: #f8fafc; + --surface: #ffffff; + --surface-elevated: #f1f5f9; + --surface-hover: #e0f2fe; + --primary: #0f68ad; + --primary-dark: #0b4f84; + --primary-light: #0284c7; + --accent: #0891b2; + --text-primary: #0f172a; + --text-secondary: #334155; + --text-muted: #64748b; + --border: #d7e1ec; + --border-hover: #7dd3fc; + --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); + --shadow-md: 0 10px 25px rgba(15, 23, 42, 0.10); + --shadow-lg: 0 20px 35px rgba(15, 23, 42, 0.14); + --radius: 8px; + --radius-lg: 14px; + --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + --font-mono: 'SFMono-Regular', Consolas, monospace; +} + +* { margin: 0; padding: 0; box-sizing: border-box; } +html { font-size: 16px; scroll-behavior: smooth; } +body { + font-family: var(--font-sans); + font-size: 1rem; + line-height: 1.6; + color: var(--text-primary); + background: linear-gradient(180deg, #f8fafc 0%, var(--bg-color) 42rem, #e8eef5 100%); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +a { color: var(--primary); text-decoration: none; transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } +a:hover { color: var(--primary-dark); text-decoration: underline; } +::selection { background: #bae6fd; color: var(--text-primary); } + +nav { + position: sticky; + top: 0; + z-index: 1000; + background: rgba(255, 255, 255, 0.88); + backdrop-filter: blur(18px); + -webkit-backdrop-filter: blur(18px); + border-bottom: 1px solid var(--border); + padding: 0 1rem; + display: flex; + align-items: center; + box-shadow: var(--shadow-sm); +} +nav::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 1px; + background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent); + opacity: 0.25; +} +.nav-menu { display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; } +.nav-menu a { + display: inline-flex; + align-items: center; + padding: 0.55rem 0.8rem; + border-radius: var(--radius); + color: var(--text-secondary); + text-decoration: none; +} +.nav-menu > a:first-child { + font-weight: 800; + color: var(--primary); + padding: 1rem 1.25rem; + margin: 0.35rem 0.25rem 0.35rem 0; +} +.nav-menu a:hover { background: var(--surface-hover); color: var(--primary-dark); } + +#content { + min-height: calc(100vh - 8rem); + padding: 2rem 1rem; + max-width: 1200px; + margin: 0 auto; +} +h1, h2, h3, h4, h5, h6 { font-weight: 750; line-height: 1.2; margin-bottom: 1rem; color: var(--text-primary); } +h1 { font-size: clamp(2rem, 4vw, 3rem); position: relative; padding-bottom: 0.75rem; margin-bottom: 1.25rem; } +h1::after { content: ''; position: absolute; bottom: 0; left: 0; width: 64px; height: 3px; background: linear-gradient(90deg, var(--primary), var(--accent)); border-radius: 3px; } +h2 { font-size: 1.6rem; } +p { color: var(--text-secondary); } +code, pre { font-family: var(--font-mono); } +code { background: var(--surface-elevated); border: 1px solid var(--border); border-radius: 0.35rem; padding: 0.05rem 0.3rem; } + +#content > div:not(.ws-app), .block, .card, .dashboard-panel { + background: rgba(255, 255, 255, 0.94); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + padding: 1.75rem; + margin-bottom: 1.5rem; + box-shadow: var(--shadow-sm); + transition: border-color 0.2s ease, box-shadow 0.2s ease; +} +#content > div:not(.ws-app):hover, .block:hover, .card:hover, .dashboard-panel:hover { box-shadow: var(--shadow-md); border-color: var(--border-hover); } + +form { max-width: 760px; } +label { font-weight: 650; color: var(--text-secondary); font-size: 0.875rem; } +input, select, textarea { + width: 100%; + padding: 0.75rem 1rem; + border: 1px solid var(--border); + border-radius: var(--radius); + background: var(--surface); + color: var(--text-primary); + font-size: 1rem; + font-family: inherit; +} +input:focus, select:focus, textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.14); } +button, .btn, input[type="submit"] { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0.75rem 1.4rem; + background: var(--primary); + color: white; + border: none; + border-radius: var(--radius); + font-weight: 750; + font-size: 1rem; + cursor: pointer; + transition: all 0.2s ease; +} +button:hover, .btn:hover, input[type="submit"]:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); text-decoration: none; } + +footer { border-top: 1px solid var(--border); padding: 1.25rem 1rem; color: var(--text-muted); font-size: 0.875rem; background: rgba(255, 255, 255, 0.72); } +footer p { color: var(--text-muted); } + +@media (max-width: 860px) { + #content { padding: 1rem 0.75rem; } + #content > div:not(.ws-app), .block, .card, .dashboard-panel { padding: 1.25rem; margin-bottom: 1rem; } +} diff --git a/themes/portal-dark/icon.png b/themes/docset-light/icon.png similarity index 100% rename from themes/portal-dark/icon.png rename to themes/docset-light/icon.png diff --git a/themes/portal-dark/page.html.php b/themes/docset-light/page.html.php similarity index 87% rename from themes/portal-dark/page.html.php rename to themes/docset-light/page.html.php index ae86edd..d910d65 100644 --- a/themes/portal-dark/page.html.php +++ b/themes/docset-light/page.html.php @@ -6,7 +6,7 @@
- + 'nav-account nav-menu')); ?>