-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgithub-like-theme.min.css
More file actions
1 lines (1 loc) · 3.57 KB
/
github-like-theme.min.css
File metadata and controls
1 lines (1 loc) · 3.57 KB
1
:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--text:#c9d1d9;--muted:#8b949e;--accent:#2ea44f;--danger:#f85149;--glass:rgba(255,255,255,0.03);--radius:8px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;--shadow:0 2px 6px rgba(0,0,0,.2)}body[data-theme=light]{--bg:#f6f8fa;--panel:#fff;--border:#d0d7de;--text:#24292f;--muted:#57606a;--accent:#2ea44f;--danger:#cf222e;--glass:rgba(0,0,0,.03);--shadow:0 2px 5px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .3s,color .3s}.gh-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.gh-logo{font-weight:600;color:var(--text);font-size:18px}.gh-search{display:flex;align-items:center;gap:10px}.gh-search-input{background:var(--glass);border:1px solid var(--border);padding:8px 12px;border-radius:6px;color:var(--text);transition:.2s}.gh-search-input:focus{outline:none;border-color:var(--accent)}.gh-btn{background:0 0;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s ease}.gh-btn:hover{background:var(--glass)}.gh-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.gh-btn.primary:hover{opacity:.9}.gh-main{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:24px;max-width:1200px;margin:0 auto;transition:background .3s}@media(max-width:900px){.gh-main{grid-template-columns:1fr;padding:16px}.gh-sidebar{display:none}}.gh-sidebar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:background .3s,border .3s}.gh-menu{list-style:none}.gh-menu li{padding:10px;border-radius:6px;color:var(--muted);cursor:pointer;transition:.2s}.gh-menu li:hover{background:var(--glass);color:var(--text)}.repo-header{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;box-shadow:var(--shadow);transition:background .3s,border .3s}.repo-title{font-size:20px;color:var(--text)}.repo-desc{color:var(--muted);font-size:14px;margin-top:4px}.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.repo-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;transition:.2s}.repo-card:hover{border-color:var(--accent);transform:translateY(-2px)}.repo-card h3{margin-bottom:6px;color:var(--text);font-size:15px}.repo-card p{color:var(--muted);font-size:13px}.badges{display:flex;gap:8px;margin-top:10px}.badge{background:var(--glass);color:var(--muted);padding:4px 8px;border-radius:999px;font-size:12px}.file-list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;box-shadow:var(--shadow)}.file-item{display:flex;justify-content:space-between;padding:10px 12px;color:var(--muted);transition:.2s}.file-item:hover{background:var(--glass);color:var(--text)}pre.code{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow-x:auto;color:#9ad6ff;font-family:var(--mono);font-size:13px;box-shadow:var(--shadow)}.gh-footer{text-align:center;color:var(--muted);font-size:13px;padding:16px;margin-top:30px;border-top:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);transition:background .3s}