arcaneCodeCopyButtonStyles top-level constant

String const arcaneCodeCopyButtonStyles

Code block copy button styles.

Implementation

const String arcaneCodeCopyButtonStyles = '''
/* Code block copy button */
.code-wrapper {
  position: relative;
}

.code-copy-button {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 10px;
  background: var(--muted);
  border: 1px solid var(--border);
  border-radius: var(--arcane-radius-sm);
  color: var(--muted-foreground);
  font-size: 12px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.15s ease;
}

.code-wrapper:hover .code-copy-button {
  opacity: 0.8;
}

.code-copy-button:hover {
  opacity: 1 !important;
  background: var(--accent);
  color: var(--foreground);
}

.code-copy-button.copied {
  color: var(--success, #22c55e);
  opacity: 1 !important;
}
''';