| @import "tailwindcss";
|
|
|
| @theme {
|
| --color-canvas-bg: #1C1C1E;
|
| --color-panel-bg: #2A2A2E;
|
| --color-panel-border: #3A3A3E;
|
| --color-ui-primary: #E5E5E7;
|
| --color-ui-secondary: #88888A;
|
| --color-accent-blue: #0A84FF;
|
| --color-accent-green: #30D158;
|
| --color-accent-amber: #FFD60A;
|
| }
|
|
|
| body {
|
| margin: 0;
|
| padding: 0;
|
| overflow: hidden;
|
| background-color: var(--color-canvas-bg);
|
| color: var(--color-ui-primary);
|
| font-family: system-ui, -apple-system, sans-serif;
|
| user-select: none;
|
| }
|
|
|
| .hide-scrollbar::-webkit-scrollbar {
|
| display: none;
|
| }
|
| .hide-scrollbar {
|
| -ms-overflow-style: none;
|
| scrollbar-width: none;
|
| }
|
|
|
| .custom-scrollbar::-webkit-scrollbar {
|
| width: 6px;
|
| }
|
| .custom-scrollbar::-webkit-scrollbar-track {
|
| background: transparent;
|
| }
|
| .custom-scrollbar::-webkit-scrollbar-thumb {
|
| background: rgba(255, 255, 255, 0.1);
|
| border-radius: 10px;
|
| }
|
| .custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
| background: rgba(255, 255, 255, 0.2);
|
| }
|
|
|
|
|
| .rich-text-editor ul {
|
| list-style-type: disc;
|
| padding-left: 1.5em;
|
| margin-top: 0.2em;
|
| margin-bottom: 0.2em;
|
| }
|
|
|
| .rich-text-editor ol {
|
| list-style-type: decimal;
|
| padding-left: 1.5em;
|
| margin-top: 0.2em;
|
| margin-bottom: 0.2em;
|
| }
|
|
|
| .rich-text-editor a {
|
| color: #0A84FF;
|
| text-decoration: underline;
|
| cursor: pointer;
|
| }
|
|
|
