Warning, /firebird/firebird-ng/src/app/pages/palette/palette.component.scss is written in an unsupported language. File is not indexed.
0001 .palette-container {
0002 padding: 2rem;
0003 background: var(--mat-sys-surface, #1a1a2e);
0004 color: var(--mat-sys-on-surface, #eee);
0005 min-height: 100vh;
0006 overflow-y: auto;
0007 }
0008
0009 h1 {
0010 margin-bottom: 0.5rem;
0011 color: var(--mat-sys-on-surface, #fff);
0012 }
0013
0014 .subtitle {
0015 margin-bottom: 2rem;
0016 color: var(--mat-sys-on-surface-variant, #aaa);
0017
0018 code {
0019 background: var(--mat-sys-surface-container, #2a2a4a);
0020 padding: 0.25rem 0.5rem;
0021 border-radius: 4px;
0022 font-family: monospace;
0023 }
0024 }
0025
0026 section {
0027 margin-bottom: 2rem;
0028 }
0029
0030 h2 {
0031 margin: 2rem 0 1rem;
0032 color: var(--mat-sys-on-surface-variant, #aaa);
0033 font-size: 1rem;
0034 text-transform: uppercase;
0035 letter-spacing: 0.1em;
0036 }
0037
0038 .palette {
0039 display: flex;
0040 flex-wrap: wrap;
0041 gap: 1rem;
0042 }
0043
0044 .color-card {
0045 width: 140px;
0046 border-radius: 8px;
0047 overflow: hidden;
0048 background: var(--mat-sys-surface-container, #2a2a4a);
0049 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
0050 transition: transform 0.2s ease, box-shadow 0.2s ease;
0051
0052 &:hover {
0053 transform: translateY(-4px);
0054 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
0055 }
0056 }
0057
0058 .color-swatch {
0059 height: 80px;
0060 }
0061
0062 .color-info {
0063 padding: 0.75rem;
0064 font-size: 0.75rem;
0065 }
0066
0067 .color-name {
0068 font-weight: 600;
0069 margin-bottom: 0.25rem;
0070 color: var(--mat-sys-on-surface, #fff);
0071 word-break: break-word;
0072 }
0073
0074 .color-hex {
0075 color: var(--mat-sys-on-surface-variant, #888);
0076 font-family: monospace;
0077 font-size: 0.7rem;
0078 }
