العودة إلى الخريطة
Digital / Web UI

Terminal Green

مادة خضراء مستوحاة من terminal phosphor لأدوات المطورين ووكلاء AI والمراقبة.

الحالة: جاهزTg
Tg

الاستخدامات

  • السجلات
  • كونسول الوكلاء
  • صفحات open-source

المعاملات

  • green hue
  • scanline opacity
  • font weight
  • background
  • density

AI Prompt

أنشئ واجهة terminal green بخلفية فحمية ونص أخضر فسفوري وخطوط scanline خفيفة وكثافة هادئة.

ملاحظات Tailwind

استخدم خلفية قريبة من الأسود ونصا أخضر وخطوط scanline وخطا monospace.

ملاحظات الأداء

اجعل scanlines ثابتة. تجنب وميض النص السريع إلا للمؤشر الصغير.

CSS

.terminal-green {
  border: 1px solid rgba(57, 255, 142, .28);
  border-radius: 12px;
  background:
    repeating-linear-gradient(180deg, rgba(57,255,142,.06) 0 1px, transparent 1px 4px),
    #050806;
  color: #8dffb2;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

مثال React

export function TerminalGreenLog({ lines }) {
  return <pre className="terminal-green">{lines.join("\n")}</pre>;
}