diff --git a/src/holman/CR7 goat/V1/Definition.toml b/src/holman/CR7 goat/V1/Definition.toml new file mode 100644 index 0000000..2feaf41 --- /dev/null +++ b/src/holman/CR7 goat/V1/Definition.toml @@ -0,0 +1,76 @@ +[background] +reference_path = "bg.jpg" +image_blur = 0.0 +image_opacity = 1.0 + +[backgrounds] +main = "#070707" +sidebar = "#0b0b0b" +card = "#121212" +item-active = "#2a0b0e" +overlay = "rgba(0,0,0,0.70)" +input = "#0e0e0e" + +[colors] +accent = "#d4161c" +accent-rgb = "212,22,28" +accent-hover = "#ea2a30" +accent-active = "#a80f14" +accent-text = "#ffffff" +accent-subtle = "rgba(212,22,28,0.12)" +color-success = "#6fbf8a" +color-success-rgb = "111,191,138" +color-error = "#ff5a5f" +color-error-rgb = "255,90,95" +color-warning = "#c9a24b" +color-warning-rgb = "201,162,75" +color-info = "#c9a24b" +color-info-rgb = "201,162,75" +color-status-starting = "#c9a24b" +color-status-started = "#6fbf8a" +color-status-stopped = "#6b6b6b" +color-status-error = "#ff5a5f" + +[text] +primary = "#f2f2f2" +secondary = "#c4c4c4" +muted = "#8a8a8a" +accent = "#d4161c" + +[borders] +color = "rgba(255,255,255,0.10)" +color-hover = "rgba(212,22,28,0.55)" +radius = "12px" +radius-sm = "8px" +radius-lg = "18px" +width = "1px" + +[shadows] +shadow-sm = "0 1px 3px rgba(0,0,0,0.7)" +shadow-md = "0 4px 14px rgba(0,0,0,0.7)" +shadow-lg = "0 10px 30px rgba(0,0,0,0.8)" +glow-accent = "0 0 14px rgba(212,22,28,0.22)" +glow-accent-strong = "0 0 24px rgba(212,22,28,0.36)" + +[others] +font-family = "'SF Compact', 'Segoe UI', sans-serif" +scrollbar-track = "#0b0b0b" +scrollbar-thumb = "#3a3a3a" +scrollbar-thumb-hover = "#d4161c" + +[layout] +font-family = "'SF Compact', 'Segoe UI', sans-serif" +font-size-base = "15px" +font-size-sm = "13px" +font-size-lg = "17px" +sidebar-width = "260px" + +[icons] +preview = "preview.svg" + +[[fonts]] +family = "SF Compact" +src = "fonts/SF-Compact.ttf" +format = "ttf" +weight = "900" +style = "normal" diff --git a/src/holman/CR7 goat/V1/Inject.css b/src/holman/CR7 goat/V1/Inject.css new file mode 100644 index 0000000..5779aa3 --- /dev/null +++ b/src/holman/CR7 goat/V1/Inject.css @@ -0,0 +1,101 @@ +/* CR7 Minimal - holman. Solo apariencia: no se toca layout, posicion ni transformaciones. */ +:root { + --cr7-flag: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Crect%20width%3D%2224%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%230b0b0b%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%229.6%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%231f7a45%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%223.6%22%20height%3D%2216%22%20fill%3D%22%231f7a45%22%2F%3E%3Crect%20x%3D%229.6%22%20y%3D%220%22%20width%3D%2214.4%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23d4161c%22%2F%3E%3Crect%20x%3D%229.6%22%20y%3D%220%22%20width%3D%224%22%20height%3D%2216%22%20fill%3D%22%23d4161c%22%2F%3E%3Ccircle%20cx%3D%229.6%22%20cy%3D%228%22%20r%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%23c9a24b%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E"); + --cr7-ucl: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f2f2f2%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%207.5l4%202.9-1.5%204.7h-5L8%2010.4z%22%2F%3E%3Cpath%20d%3D%22M12%207.5V2.3M16%2010.4l5-1.6M14.5%2015.1l3%204.1M9.5%2015.1l-3%204.1M8%2010.4L3%208.8%22%2F%3E%3C%2Fsvg%3E"); + --cr7-bd: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c9a24b%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M12%205.5l2.4%201.7-.9%202.8h-3l-.9-2.8z%22%2F%3E%3Cpath%20d%3D%22M8.5%2016.5l-1%203h9l-1-3%22%2F%3E%3Cpath%20d%3D%22M6.5%2021h11%22%2F%3E%3C%2Fsvg%3E"); + --cr7-red: #d4161c; + --cr7-gold: #c9a24b; +} +html { color-scheme: dark; } +body { font-family: 'SF Compact', 'Segoe UI', sans-serif; letter-spacing: .01em; } +::selection { background: rgba(212,22,28,.45); color: #fff; } + +/* Sidebar: vidrio oscuro suave, imagen visible detras */ +:is(.sidebar, .sidebar-compact) { + background: rgba(8,8,8,.74) !important; + border-right: 1px solid rgba(255,255,255,.08) !important; + -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); +} + +/* Detalles discretos bajo el titulo del sidebar: Portugal, Champions, Balon de Oro */ +:is(.sidebar) .sidebar-header { display: block; } +:is(.sidebar) .sidebar-header::after { + content: ""; + display: block; + height: 16px; + margin-top: 12px; + opacity: .8; + background-image: var(--cr7-flag), var(--cr7-ucl), var(--cr7-bd); + background-repeat: no-repeat; + background-size: 24px 16px, 16px 16px, 16px 16px; + background-position: 0 center, 36px center, 62px center; + pointer-events: none; +} + +/* Items: linea roja fina en el activo */ +.instance-item { border-radius: 10px !important; } +.instance-item:hover { background: rgba(255,255,255,.06) !important; } +:is(.instance-item.active, .sc-instance-item.active) { + background: rgba(212,22,28,.14) !important; + border-color: rgba(212,22,28,.35) !important; + box-shadow: inset 3px 0 0 var(--cr7-red) !important; +} + +/* Botones */ +:is(.btn-primary, .launch-btn):not(:disabled) { + background: var(--cr7-red) !important; + color: #fff !important; + border: 1px solid rgba(255,255,255,.12) !important; + box-shadow: 0 4px 16px rgba(212,22,28,.32) !important; +} +:is(.btn-primary, .launch-btn):hover:not(:disabled) { background: #ea2a30 !important; } +:is(.btn-secondary, .tools-btn, .sc-tool-btn, .select-trigger) { + background: rgba(255,255,255,.05) !important; + border: 1px solid rgba(255,255,255,.10) !important; + color: #ededed !important; +} +:is(.btn-secondary, .tools-btn, .sc-tool-btn):hover:not(:disabled) { + background: rgba(255,255,255,.10) !important; + border-color: rgba(201,162,75,.45) !important; +} +:is(.collapse-btn, .expand-btn) { + background: #141414 !important; + color: #f2f2f2 !important; + border-color: rgba(255,255,255,.14) !important; +} +:is(.collapse-btn, .expand-btn):hover { background: var(--cr7-red) !important; } + +/* Paneles, menus y modales: negro limpio con borde fino */ +:is(.modal, .qm-root, .select-dropdown, .ctx-menu, .context-menu, .drawer) { + background: rgba(12,12,12,.94) !important; + border: 1px solid rgba(255,255,255,.10) !important; + box-shadow: 0 18px 50px rgba(0,0,0,.6) !important; +} +:is(.section-group, .theme-row, .jre-card, .nav-card, .user-profile, .notification-toast) { + background: rgba(16,16,16,.82) !important; + border-color: rgba(255,255,255,.09) !important; +} +:is(.meta-chip, .loader-badge) { + background: rgba(255,255,255,.06) !important; + border-color: rgba(201,162,75,.25) !important; + color: #d8d8d8 !important; +} + +/* Inputs */ +:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select, .text-input) { + background-color: rgba(14,14,14,.85) !important; + color: #f2f2f2 !important; + border-color: rgba(255,255,255,.12) !important; +} +:is(input, textarea, select):focus { border-color: rgba(212,22,28,.7) !important; } +:is(input[type="checkbox"], input[type="radio"], input[type="range"], progress) { accent-color: #d4161c; } +:is(button, [role="button"], input, select, textarea, a):focus-visible { + outline: 2px solid rgba(212,22,28,.8) !important; outline-offset: 2px !important; +} +:is(.dl-tray-seg-fill, .dl-tray-overall-fill) { background: var(--cr7-red) !important; } + +/* Scrollbar */ +::-webkit-scrollbar { width: 6px; height: 6px; } +::-webkit-scrollbar-track { background: transparent !important; } +::-webkit-scrollbar-thumb { background: #3a3a3a !important; border-radius: 999px; } +::-webkit-scrollbar-thumb:hover { background: var(--cr7-red) !important; } diff --git a/src/holman/CR7 goat/V1/Meta.toml b/src/holman/CR7 goat/V1/Meta.toml new file mode 100644 index 0000000..cf3fcce --- /dev/null +++ b/src/holman/CR7 goat/V1/Meta.toml @@ -0,0 +1,5 @@ +name = "CR7 Minimal" +author = "holman" +version = "1.0.0" +description = "Negro elegante y minimalista con acentos rojo y dorado, detalles discretos de Portugal, Champions y Balón de Oro, y tipografía SF Compact." +injects_css = true diff --git a/src/holman/CR7 goat/V1/bg.jpg b/src/holman/CR7 goat/V1/bg.jpg new file mode 100644 index 0000000..c55980b Binary files /dev/null and b/src/holman/CR7 goat/V1/bg.jpg differ diff --git a/src/holman/CR7 goat/V1/fonts/SF-Compact.ttf b/src/holman/CR7 goat/V1/fonts/SF-Compact.ttf new file mode 100644 index 0000000..707128b Binary files /dev/null and b/src/holman/CR7 goat/V1/fonts/SF-Compact.ttf differ diff --git a/src/holman/CR7 goat/V1/preview.svg b/src/holman/CR7 goat/V1/preview.svg new file mode 100644 index 0000000..ff67f12 --- /dev/null +++ b/src/holman/CR7 goat/V1/preview.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/holman/CR7 goat/V1/showcase.png b/src/holman/CR7 goat/V1/showcase.png new file mode 100644 index 0000000..09bc77b Binary files /dev/null and b/src/holman/CR7 goat/V1/showcase.png differ