dotfiles

@import "variables";

// Giallo structural classes
.giallo-l {
  display: inline-block;
  min-height: 1lh;
  width: 100%;
}

.giallo-ln {
  display: inline-block;
  user-select: none;
  margin-right: 0.4em;
  padding: 0.4em;
  min-width: 3ch;
  text-align: right;
  opacity: 0.8;
}

// Base code block
.z-code {
  color: var(--color);
  background-color: var(--accent-alpha-20);
}

// Highlighted lines
.z-hl {
  background-color: var(--accent-alpha-20);
}

// Comments
.z-comment {
  color: var(--color);
  opacity: 0.6;
  font-style: italic;
}

// Keywords
.z-keyword {
  color: var(--accent-alpha-70);
}

// Storage
.z-storage {
  color: var(--accent);
}

.z-storage.z-type {
  color: var(--accent-secondary);
}

.z-storage.z-modifier {
  color: var(--accent);
  font-weight: bold;
}

// Constants
.z-constant {
  color: var(--accent-alpha-70);
}

.z-constant.z-character {
  color: var(--accent-secondary-alpha-70);
  font-weight: bold;
}

// Strings
.z-string {
  color: var(--color);
}

.z-string.z-comment {
  color: var(--color);
  opacity: 0.6;
}

.z-string.z-regexp {
  color: var(--accent-secondary-alpha-70);
}

// Variables
.z-variable {
  color: var(--accent-secondary);
  font-weight: bold;
}

.z-variable.z-language {
  color: var(--accent);
}

.z-variable.z-other {
  color: var(--color);
}

.z-variable.z-other.z-constant,
.z-variable.z-other.z-enummember {
  color: var(--accent-secondary-alpha-70);
  font-weight: bold;
}

.z-variable.z-parameter {
  color: var(--color);
}

.z-variable.z-parameter.z-function {
  color: var(--color);
}

// Entities
.z-entity {
  color: var(--accent-secondary-alpha-70);
}

.z-entity.z-name {
  color: var(--accent-secondary-alpha-70);
  font-weight: bold;
}

.z-entity.z-name.z-tag {
  color: var(--accent-alpha-70);
  font-weight: normal;
}

.z-entity.z-name.z-constant {
  color: var(--accent-secondary-alpha-70);
  font-weight: bold;
}

.z-entity.z-other.z-attribute-name {
  color: var(--accent-secondary);
  font-style: italic;
}

// Support
.z-support {
  color: var(--accent-alpha-70);
}

.z-support.z-constant {
  color: var(--accent-alpha-70);
}

.z-support.z-variable {
  color: var(--accent-secondary);
}

.z-support.z-type,
.z-support.z-class {
  color: var(--color);
}

// Punctuation
.z-punctuation.z-definition.z-string {
  color: var(--color);
}

.z-punctuation.z-definition.z-comment {
  color: var(--color);
  opacity: 0.6;
}

.z-punctuation.z-definition.z-tag {
  color: var(--accent);
  font-weight: bold;
}

.z-punctuation.z-definition.z-variable {
  color: var(--accent-secondary-alpha-70);
}

.z-punctuation.z-separator.z-key-value {
  color: var(--accent-alpha-70);
  font-weight: bold;
}

.z-punctuation.z-definition.z-deleted {
  color: var(--accent);
}

.z-punctuation.z-definition.z-inserted {
  color: var(--accent-secondary);
}

// Meta
.z-meta.z-property-name {
  color: var(--accent-secondary);
}

.z-meta.z-module-reference {
  color: var(--accent-secondary-alpha-70);
  font-weight: bold;
}

.z-meta.z-separator {
  color: var(--accent-alpha-70);
  font-weight: bold;
}

// Source
.z-source {
  color: var(--color);
}

.z-source.z-regexp {
  color: var(--accent-secondary-alpha-70);
}

// Invalid
.z-invalid {
  color: var(--color);
  background-color: var(--accent-secondary);
}

.z-invalid.z-broken,
.z-invalid.z-deprecated,
.z-invalid.z-illegal,
.z-invalid.z-unimplemented {
  color: var(--color);
  background-color: transparent;
}

// Markup
.z-markup.z-heading {
  color: var(--accent-secondary);
  font-weight: bold;
}

.z-markup.z-quote {
  color: var(--accent-secondary-alpha-70);
}

.z-markup.z-italic {
  font-style: italic;
}

.z-markup.z-bold {
  font-weight: bold;
}

.z-markup.z-underline {
  text-decoration: underline;
}

.z-markup.z-strikethrough {
  text-decoration: line-through;
}

.z-markup.z-deleted {
  color: var(--accent);
}

.z-markup.z-inserted {
  color: var(--accent-secondary);
}

.z-markup.z-changed {
  color: var(--accent-alpha-70);
}

.z-markup.z-inline.z-raw {
  color: var(--accent-secondary-alpha-70);
}

// Diff
.z-meta.z-diff.z-range {
  color: var(--accent-secondary);
  font-weight: bold;
}

.z-meta.z-diff.z-header {
  color: var(--accent-secondary-alpha-70);
}

.z-meta.z-diff.z-header.z-from-file {
  color: var(--accent);
}

.z-meta.z-diff.z-header.z-to-file {
  color: var(--accent-secondary);
}

// Misc
.z-carriage-return {
  color: var(--background);
  background-color: var(--accent);
  font-style: italic;
  text-decoration: underline;
}

.z-message.z-error {
  color: var(--accent);
}