.light-theme { /* COLORS ### */ --color-white: #FFFFFF; --color-white-disabled: #F0F0F0; --color-white-dark: #F3F3F3; --fontcolor-dev: #821782; --bgrdcolor-dev: #d5d51e; --color-blue-isso: #175796; --color-blue-sidebar: #D9E7F2; --color-blue-sidebar-item-hover: #4DAAD4; --color-blue-sidebar-item-select: #57BEED; --color-red-ruby: #990000; --color-pink-soft: #FF9999; /* UTILIZAR POUCO NESSE MODO */ --color-yellow-dark: #867600; --color-black-primary: #221F20; --color-black-secondary: #282426; --color-black-terciary: #333333; /* 80% BLACK */ --color-black-quartiary: #E6E6E6; /* 10% BLACK */ --color-black-quartiary-more-dark: #c8c7c7; /* 10% BLACK - MORE DARK */ --color-black-quinary: #808080; /* 50% BLACK */ --color-in-progress: #cb7a00; --color-saved: #00a200; --color-black-mask: rgba(0, 0, 0, 0.5); --bg-color-loader1: #E6E6E6; --bg-color-loader2: #175796; --bg-color-viewer: var(--color-white); --bd-color-viewer: #ccced1; --bg-color-viewer-header: #ccced1; --bg-color-viewer-footer: #ccced1; --bg-color-viewer-content-hover: var(--color-blue-isso); --bg-color-viewer-content-selected: #124679; --bg-color-viewer-content-even: #efeff0; --bg-color-viewer-content-odd: #f8f8f8; --ft-color-viewer: var(--color-black-terciary); --ft-color-viewer-reverted: var(--color-white); --ft-color-viewer-disabled: var(--color-black-quinary); --bg-color-diff-maintained: #8b8b8b78; --bd-color-diff-maintained: #5a5a5a; --ft-color-diff-maintained: #5a5a5a; --bg-color-diff-inserted: #00b54b78; --bd-color-diff-inserted: #093f15; --ft-color-diff-inserted: #093f15; --bg-color-diff-deleted: #ff000078; --bd-color-diff-deleted: #870101; --ft-color-diff-deleted: #870101; /* --bd-color-diff-added: var(--color-saved); --bd-color-diff-removed: var(--color-red-ruby); --bd-color-diff-removed-highlight: var(--color-red-ruby); */ --background-preview: var(--color-white-dark); /* --background-preview: #333; */ --background-cell-counter: var(--color-black-terciary); /* VARS ### */ --background-color-loader: var(--color-blue-isso); --background-avatar-icon: var(--color-black-quinary); /* --background-avatar-icon-reverse: var(--color-black-quinary); */ --background-line: var(--color-black-primary); --background-tag: #808080; --background-tag-advanced: #D4AF37; --background-tag-developer: #6A0DAD; --background-tag-default: #990000; --fontcolor-tag: #F0F0F0; --fontcolor-reverted: var(--color-white); --fontcolor-default: var(--color-black-terciary); --fontcolor-user: var(--color-red-ruby); --fontcolor-link: var(--color-blue-isso); --background-header-button: var(--color-blue-isso); --fontcolor-header-button: var(--color-white); --background-header-button-hover: var(--color-white); --background-header-button-menu: var(--color-white); --background-dialog: var(--color-black-primary); --fontcolor-dialog-title: var(--color-white); --fontcolor-dialog-text: var(--color-white); --fontcolor-dialog-sub: rgb(192, 192, 192); --fontcolor-dialog-role: var(--color-pink-soft); --background-dialog-option: var(--color-black-secondary); --background-dialog-option-hover: #3c3639; --fontcolor-article-title-home: var(--color-blue-isso); --fontcolor-article-emphasized: var(--color-blue-isso); --background-article-title: var(--color-black-quartiary); --fontcolor-article-title: var(--color-black-terciary); --background-article-subtitle: var(--color-black-quartiary); --background-article-dropdown-item-hover: var(--color-black-quartiary-more-dark); --fontcolor-article-subtitle: var(--color-black-terciary); --fontcolor-article-subtitle-private: var(--color-red-ruby); --fontcolor-article-link: var(--color-blue-isso); --fontcolor-article-link-private: var(--color-red-ruby); --background-sidebar: var(--color-blue-sidebar); --fontcolor-sidebar-item: var(--color-black-terciary); --fontcolor-sidebar-role2: var(--color-red-ruby); --fontcolor-sidebar-role1: var(--color-yellow-dark); --background-sidebar-item-hover: var(--color-blue-sidebar-item-hover); --background-sidebar-item-select: var(--color-blue-sidebar-item-select); --fontcolor-table: var(--color-black-terciary); --background-arrow: var(--color-blue-isso); --fontcolor-pagination: var(--color-blue-isso); --maskcolor-pagination: var(-color-black-mask); --fontcolor-input: var(--color-black-terciary); --background-input: var(--color-white); --background-input-correct: rgb(188, 237, 165); --background-input-wrong: rgb(241, 174, 174); --bordercolor-input: var(--color-black-quartiary); --bordercolor-input-correct: rgb(59, 187, 0); --bordercolor-input-wrong: rgb(211, 0, 0); --background-input-file: var(--color-black-quartiary); --hover-input-file: var(--color-black-quartiary-more-dark); --fontcolor-input-placeholder: var(--color-black-quinary); --fontcolor-input-order: var(--color-black-quinary); --background-button-auth: var(--color-black-quartiary); --background-button-auth-hover: var(--color-blue-isso); --fontcolor-button-auth: var(--color-black-terciary); --fontcolor-button-auth-hover: var(--color-white); --fontcolor-button-logout: var(--color-pink-soft); --fontcolor-profile-text: var(--color-black-terciary); --fontcolor-profile-text-sub: var(--color-black-quinary); --fontcolor-article-label: var(--color-black-terciary); --fontcolor-article-label-info: rgb(155, 0, 0); --background-input-disabled: var(--color-white-disabled); --background-input-disabled-green: rgb(12, 106, 0); --background-input-disabled-yellow: rgb(133, 129, 0); --background-input-disabled-red: rgb(106, 0, 0); --fontcolor-input-disabled: #cacaca; --background-select: var(--color-white); /* --shadow-select-dropdown: rgba(0, 0, 0, 0.5); */ --background-modal-protection: rgba(0, 0, 0, 0.5); --background-modal-header: var(--color-blue-isso); --fontcolor-modal-header: var(--color-white); --background-modal-content: var(--color-white); --fontcolor-modal-content: var(--color-black-terciary); --background-checklist: var(--color-white); --shadow-checklist: rgba(0, 0, 0, 0.5); /* --fontcolor-checklist: rgb(0, 0, 0); */ --fontcolor-checklist-checked: rgb(108, 209, 61); /* --fontcolor-checklist-checked: rgb(108, 209, 61); */ /* --background-table-head: var(--color-black-quartiary); */ --background-selector: var(--color-white); --shadow-selector: inset 1px 2.5px 5px var(--color-black-quinary); --background-selector-head: #ccced1; --background-selector-footer: #ccced1; --background-selector-option-hover: var(--color-blue-isso); --popover-background: #f5f5f5; --popover-shadow-default: rgba(142, 142, 142, 0.5); --popover-shadow-correct: rgba(59, 187, 0, 0.5); --popover-shadow-wrong: rgba(211, 0, 0, 0.5); --popover-correct: rgb(59, 187, 0); --popover-wrong: rgb(211, 0, 0); --popover-arrow: var(--color-black-terciary); --selector-item: var(--color-blue-sidebar); --selector-item-hover: var(--color-blue-sidebar-item-hover); --selector-item-selected: var(--color-blue-sidebar-item-select); --sprint-1: url('/public/img/icons/sprint_1_light.svg'); --sprint-1-fixed: url('/public/img/icons/sprint_1_light.svg'); --sprint-1-dark: url('/public/img/icons/sprint_1_dark.svg'); --sprint-2: url('/public/img/icons/sprint_2_light.svg'); --sprint-3: url('/public/img/icons/sprint_3_light.svg'); --sprint-4: url('/public/img/icons/sprint_4_light.svg'); --icon-superuser-add: url('/public/img/icons/superuser/light/add.svg'); --icon-superuser-edit: url('/public/img/icons/superuser/light/edit.svg'); --icon-superuser-trash: url('/public/img/icons/superuser/light/trash.svg'); --icon-sidebar-tutorials: url('/public/img/icons/sidebar/light/tutorials.svg'); --icon-sidebar-docs: url('/public/img/icons/sidebar/light/docs.svg'); --icon-sidebar-tips: url('/public/img/icons/sidebar/light/tips.svg'); --icon-sidebar-manuals: url('/public/img/icons/sidebar/light/manuals.svg'); --icon-sidebar-diagrams: url('/public/img/icons/sidebar/light/diagrams.svg'); --icon-sidebar-datasheets: url('/public/img/icons/sidebar/light/datasheets.svg'); --icon-sidebar-marketing: url('/public/img/icons/sidebar/light/marketing.svg'); --icon-sidebar-complementary: url('/public/img/icons/sidebar/light/complementary.svg'); --icon-sidebar-legal: url('/public/img/icons/sidebar/light/legal.svg'); --icon-sidebar-informative: url('/public/img/icons/sidebar/light/informative.svg'); --icon-arrow-back: url('/public/img/icons/others/light/arrow_back.png'); --icon-arrow-down: url('/public/img/icons/others/light/arrow_down.png'); --icon-arrow-down-reverted: url('/public/img/icons/others/dark/arrow_down.png'); --icon-show-pass: url('/public/img/icons/others/light/show_pass.png'); --icon-hide-pass: url('/public/img/icons/others/light/hide_pass.png'); --icon-modal-close: url('/public/img/icons/others/light/modal_close.png'); --icon-logout: url('/public/img/icons/others/light/logout.png'); --icon-copy: url('/public/img/icons/others/light/copy.png'); --icon-add-user: url('/public/img/icons/others/light/add_user.png'); --icon-manage-user: url('/public/img/icons/others/light/manage_user.png'); --icon-token: url('/public/img/icons/others/light/token.png'); --icon-manage-token: url('/public/img/icons/others/light/manage_token.png'); --icon-private: url('/public/img/icons/others/light/private.png'); --icon-dot: url('/public/img/icons/others/light/line_dot.png'); --icon-download: url('/public/img/icons/others/light/download.png'); --icon-link: url('/public/img/icons/others/light/link.png'); --icon-youtube: url('/public/img/icons/others/light/youtube.png'); --icon-information: url('/public/img/icons/others/light/information.png'); --icon-file-docx: url('/public/img/icons/files/light/file_docx.png'); --icon-file-pdf: url('/public/img/icons/files/light/file_pdf.png'); --icon-file-odt: url('/public/img/icons/files/light/file_odt.png'); --icon-file-zip: url('/public/img/icons/files/light/file_zip.png'); --icon-mini-edit: url('/public/img/icons/others/light/mini_edit.png'); --icon-half-menu: url('/public/img/icons/menu/half_hamburger.png'); --icon-menu-light: url('/public/img/icons/menu/menu_light.png'); --icon-menu-dark: url('/public/img/icons/menu/menu_dark.png'); --icon-default-settings-light: url('/public/img/icons/settings/default_settings_light.png'); --icon-default-settings-dark: url('/public/img/icons/settings/default_settings_dark.png'); --icon-user-settings-light: url('/public/img/icons/settings/user_settings_light.png'); --icon-user-settings-dark: url('/public/img/icons/settings/user_settings_dark.png'); --icon-admin-settings-light: url('/public/img/icons/settings/admin_settings_light.png'); --icon-admin-settings-dark: url('/public/img/icons/settings/admin_settings_dark.png'); --icon-dev-settings-light: url('/public/img/icons/settings/dev_settings_light.png'); --icon-dev-settings-dark: url('/public/img/icons/settings/dev_settings_dark.png'); --icon-fullscreen-light: url('/public/img/icons/settings/fullscreen_light.png'); --icon-fullscreen-dark: url('/public/img/icons/settings/fullscreen_dark.png'); --icon-windowed-light: url('/public/img/icons/settings/windowed_light.png'); --icon-windowed-dark: url('/public/img/icons/settings/windowed_dark.png'); --icon-theme-on-light: url('/public/img/icons/settings/theme_on_light.png'); --icon-theme-on-dark: url('/public/img/icons/settings/theme_on_dark.png'); --icon-theme-off-light: url('/public/img/icons/settings/theme_off_light.png'); --icon-theme-off-dark: url('/public/img/icons/settings/theme_off_dark.png'); --icon-login-light: url('/public/img/icons/settings/login_light.png'); --icon-login-dark: url('/public/img/icons/settings/login_dark.png'); --icon-logout-light: url('/public/img/icons/settings/logout_light.png'); --icon-logout-dark: url('/public/img/icons/settings/logout_dark.png'); --icon-profile-light: url('/public/img/icons/settings/profile_light.png'); --icon-profile-dark: url('/public/img/icons/settings/profile_dark.png'); } .dark-theme { /* COLORS ### */ --color-white: #FFFFFF; --color-white-disabled: #F0F0F0; --color-blue-isso: #19487D; --color-blue-baby: #6699FF; --color-blue-sidebar: #242437; --color-blue-sidebar-item-hover: #12467A; --color-blue-sidebar-item-select: #175796; --color-pink-soft: #FF9999; --color-yellow-soft: #bca600; --color-black-primary: #0D1018; --color-black-primary-light: #191d2a; --color-black-secondary: #161C23; --color-black-terciary: #1E1E2F; --color-black-quartiary: #333333; /* 80% BLACK */ --color-black-quartiary-hover: #2d2d2d; /* 80% BLACK - HOVER */ --color-black-quinary: #808080; /* 50% BLACK */ --color-black-mask: rgba(255, 255, 255, 0.5); --background-preview: var(--color-black-primary-light); --bg-color-loader1: #333333; --bg-color-loader2: #19487D; /* VARS ### */ --background-color-loader: var(--color-blue-baby); --background-avatar-icon: var(--color-black-quinary); /* --background-avatar-icon-reverse: var(--color-white); */ --background-line: var(--color-white); --background-tag: #808080; --background-tag-advanced: #D4AF37; --background-tag-developer: #6A0DAD; --background-tag-default: #990000; --fontcolor-tag: #F0F0F0; --fontcolor-reverted: var(--color-white); --fontcolor-default: var(--color-white); --fontcolor-user: var(--color-pink-soft); --fontcolor-link: var(--color-blue-baby); --background-header-button: var(--color-blue-isso); --fontcolor-header-button: var(--color-white); --background-header-button-hover: var(--color-white); --fontcolor-header-button-hover: var(--color-blue-isso); --background-header-button-menu: var(--color-white); --background-dialog: var(--color-black-primary); --fontcolor-dialog-title: var(--color-white); --fontcolor-dialog-text: var(--color-white); --fontcolor-dialog-sub: rgb(192, 192, 192); --fontcolor-dialog-role: var(--color-pink-soft); --background-dialog-option: var(--color-black-secondary); --background-dialog-option-hover: #242d38; --fontcolor-article-title-home: var(--color-white); --fontcolor-article-emphasized: var(--color-blue-baby); --background-article-title: var(--color-blue-isso); --fontcolor-article-title: var(--color-blue-baby); --background-article-subtitle: var(--color-blue-isso); --background-article-dropdown-item-hover: var(--color-blue-sidebar-item-hover); --fontcolor-article-subtitle: var(--color-blue-baby); --fontcolor-article-subtitle-private: var(--color-pink-soft); --fontcolor-article-link: var(--color-blue-baby); --fontcolor-article-link-private: var(--color-pink-soft); --background-sidebar: var(--color-blue-sidebar); --fontcolor-sidebar-item: var(--color-white); --fontcolor-sidebar-role2: var(--color-pink-soft); --fontcolor-sidebar-role1: var(--color-yellow-soft); --background-sidebar-item-hover: var(--color-blue-sidebar-item-hover); --background-sidebar-item-select: var(--color-blue-sidebar-item-select); --fontcolor-table: var(--color-white); --background-arrow: var(--color-blue-baby); --fontcolor-pagination: var(--color-blue-baby); --maskcolor-pagination: var(-color-black-mask); --fontcolor-input: var(--color-black-quartiary); --background-input: var(--color-white); --background-input-correct: rgb(109, 194, 69); --background-input-wrong: rgb(198, 76, 76); --bordercolor-input: var(--color-black-quartiary); --bordercolor-input-correct: rgb(59, 187, 0); --bordercolor-input-wrong: rgb(211, 0, 0); --background-input-file: var(--color-black-quartiary); --hover-input-file: var(--color-black-quartiary-hover); --fontcolor-input-placeholder: var(--color-black-quinary); --fontcolor-input-order: var(--color-black-quinary); --background-button-auth: var(--color-black-quartiary); --background-button-auth-hover: var(--color-blue-isso); --fontcolor-button-auth: var(--color-white); --fontcolor-button-auth-hover: var(--color-black-primary); --fontcolor-button-logout: var(--color-pink-soft); --fontcolor-article-label: var(--color-white); --fontcolor-article-label-info: rgb(155, 0, 0); --background-input-disabled: var(--color-white-disabled); --background-input-disabled-green: rgb(12, 106, 0); --background-input-disabled-yellow: rgb(255, 255, 17); --background-input-disabled-red: rgb(106, 0, 0); --fontcolor-input-disabled: #272727; --background-select: var(--color-black-secondary); --background-modal-protection: rgba(195, 195, 195, 0.5); --background-modal-header: var(--color-blue-isso); --fontcolor-modal-header: var(--color-white); --background-modal-content: var(--color-white); --fontcolor-modal-content: var(--color-black-terciary); --background-table-head: var(--color-blue-isso); --selector-item: var(--color-blue-sidebar); --selector-item-hover: var(--color-blue-sidebar-item-hover); --selector-item-selected: var(--color-blue-sidebar-item-select); --popover-background: var(--color-black-secondary); --popover-shadow-default: rgba(57, 57, 57, 0.5); --popover-shadow-correct: rgba(59, 187, 0, 0.5); --popover-shadow-wrong: rgba(211, 0, 0, 0.5); --popover-correct: rgb(59, 187, 0); --popover-wrong: rgb(211, 0, 0); --popover-arrow: var(--color-white); --sprint-1: url('/public/img/icons/sprint_1_dark.svg'); --sprint-1-fixed: url('/public/img/icons/sprint_1_light.svg'); --sprint-1-dark: url('/public/img/icons/sprint_1_dark.svg'); --sprint-2: url('/public/img/icons/sprint_2_dark.svg'); --sprint-3: url('/public/img/icons/sprint_3_dark.svg'); --sprint-4: url('/public/img/icons/sprint_4_dark.svg'); --icon-superuser-add: url('/public/img/icons/superuser/dark/add.svg'); --icon-superuser-edit: url('/public/img/icons/superuser/dark/edit.svg'); --icon-superuser-trash: url('/public/img/icons/superuser/dark/trash.svg'); --icon-sidebar-tutorials: url('/public/img/icons/sidebar/dark/tutorials.svg'); --icon-sidebar-docs: url('/public/img/icons/sidebar/dark/docs.svg'); --icon-sidebar-tips: url('/public/img/icons/sidebar/dark/tips.svg'); --icon-sidebar-manuals: url('/public/img/icons/sidebar/dark/manuals.svg'); --icon-sidebar-diagrams: url('/public/img/icons/sidebar/dark/diagrams.svg'); --icon-sidebar-datasheets: url('/public/img/icons/sidebar/dark/datasheets.svg'); --icon-sidebar-marketing: url('/public/img/icons/sidebar/dark/marketing.svg'); --icon-sidebar-complementary: url('/public/img/icons/sidebar/dark/complementary.svg'); --icon-sidebar-legal: url('/public/img/icons/sidebar/dark/legal.svg'); --icon-sidebar-informative: url('/public/img/icons/sidebar/dark/informative.svg'); --icon-arrow-back: url('/public/img/icons/others/dark/arrow_back.png'); --icon-arrow-down: url('/public/img/icons/others/dark/arrow_down.png'); --icon-arrow-down-reverted: url('/public/img/icons/others/light/arrow_down.png'); --icon-show-pass: url('/public/img/icons/others/dark/show_pass.png'); --icon-hide-pass: url('/public/img/icons/others/dark/hide_pass.png'); --icon-modal-close: url('/public/img/icons/others/dark/modal_close.png'); --icon-logout: url('/public/img/icons/others/dark/logout.png'); --icon-copy: url('/public/img/icons/others/dark/copy.png'); --icon-add-user: url('/public/img/icons/others/dark/add_user.png'); --icon-manage-user: url('/public/img/icons/others/dark/manage_user.png'); --icon-token: url('/public/img/icons/others/dark/token.png'); --icon-manage-token: url('/public/img/icons/others/dark/manage_token.png'); --icon-private: url('/public/img/icons/others/dark/private.png'); --icon-dot: url('/public/img/icons/others/dark/line_dot.png'); --icon-download: url('/public/img/icons/others/dark/download.png'); --icon-link: url('/public/img/icons/others/dark/link.png'); --icon-youtube: url('/public/img/icons/others/dark/youtube.png'); --icon-information: url('/public/img/icons/others/light/information.png'); --icon-file-docx: url('/public/img/icons/files/dark/file_docx.png'); --icon-file-pdf: url('/public/img/icons/files/dark/file_pdf.png'); --icon-file-odt: url('/public/img/icons/files/dark/file_odt.png'); --icon-file-zip: url('/public/img/icons/files/dark/file_zip.png'); --icon-mini-edit: url('/public/img/icons/others/dark/mini_edit.png'); --icon-half-menu: url('/public/img/icons/menu/half_hamburger.png'); --icon-menu-light: url('/public/img/icons/menu/menu_light.png'); --icon-menu-dark: url('/public/img/icons/menu/menu_dark.png'); --icon-default-settings-light: url('/public/img/icons/settings/default_settings_light.png'); --icon-default-settings-dark: url('/public/img/icons/settings/default_settings_dark.png'); --icon-user-settings-light: url('/public/img/icons/settings/user_settings_light.png'); --icon-user-settings-dark: url('/public/img/icons/settings/user_settings_dark.png'); --icon-admin-settings-light: url('/public/img/icons/settings/admin_settings_light.png'); --icon-admin-settings-dark: url('/public/img/icons/settings/admin_settings_dark.png'); --icon-dev-settings-light: url('/public/img/icons/settings/dev_settings_light.png'); --icon-dev-settings-dark: url('/public/img/icons/settings/dev_settings_dark.png'); --icon-fullscreen-light: url('/public/img/icons/settings/fullscreen_light.png'); --icon-fullscreen-dark: url('/public/img/icons/settings/fullscreen_dark.png'); --icon-windowed-light: url('/public/img/icons/settings/windowed_light.png'); --icon-windowed-dark: url('/public/img/icons/settings/windowed_dark.png'); --icon-theme-on-light: url('/public/img/icons/settings/theme_on_light.png'); --icon-theme-on-dark: url('/public/img/icons/settings/theme_on_dark.png'); --icon-theme-off-light: url('/public/img/icons/settings/theme_off_light.png'); --icon-theme-off-dark: url('/public/img/icons/settings/theme_off_dark.png'); --icon-login-light: url('/public/img/icons/settings/login_light.png'); --icon-login-dark: url('/public/img/icons/settings/login_dark.png'); --icon-logout-light: url('/public/img/icons/settings/logout_light.png'); --icon-logout-dark: url('/public/img/icons/settings/logout_dark.png'); --icon-profile-light: url('/public/img/icons/settings/profile_light.png'); --icon-profile-dark: url('/public/img/icons/settings/profile_dark.png'); }