Added new navigation links for Dashboard, Editor, Player, Paper, Settings, Tables, and News sections. Each link includes click handlers to switch sections and active state styling. This expands the application's navigation options for better user access to different features.
27 lines
1.5 KiB
CSS
27 lines
1.5 KiB
CSS
:root {
|
|
--background: 0 0% 100%; /* White */
|
|
--foreground: 0 0% 13%; /* #212121 - near black */
|
|
--card: 0 0% 98%; /* #faf9f8 - light gray */
|
|
--card-foreground: 0 0% 13%; /* #212121 */
|
|
--popover: 0 0% 100%; /* White */
|
|
--popover-foreground: 0 0% 13%; /* #212121 */
|
|
--primary: 24 90% 54%; /* #d83b01 - Office orange */
|
|
--primary-foreground: 0 0% 100%; /* White */
|
|
--secondary: 210 36% 96%; /* #f3f2f1 - light blue-gray */
|
|
--secondary-foreground: 0 0% 13%; /* #212121 */
|
|
--muted: 0 0% 90%; /* #e1dfdd - muted gray */
|
|
--muted-foreground: 0 0% 40%; /* #666666 */
|
|
--accent: 207 90% 54%; /* #0078d4 - Office blue */
|
|
--accent-foreground: 0 0% 100%; /* White */
|
|
--destructive: 0 85% 60%; /* #e81123 - Office red */
|
|
--destructive-foreground: 0 0% 100%; /* White */
|
|
--border: 0 0% 85%; /* #d2d0ce - light border */
|
|
--input: 0 0% 100%; /* White */
|
|
--ring: 207 90% 54%; /* #0078d4 */
|
|
--radius: 0.25rem; /* Slightly less rounded */
|
|
--chart-1: 24 90% 54%; /* Office orange */
|
|
--chart-2: 207 90% 54%; /* Office blue */
|
|
--chart-3: 120 60% 40%; /* Office green */
|
|
--chart-4: 340 82% 52%; /* Office magenta */
|
|
--chart-5: 44 100% 50%; /* Office yellow */
|
|
}
|