Viewing File: /usr/local/cpanel/share/from_npm/node_modules/@cpanel/jupiter-styles/dist/css/preload.rtl.css
/*
* Configuration
* IMPORTANT NOTE: DO NOT change the section order. The order matters for overrides
*/
/*
---------------------------------------------------------
Bootstrap Functions - DO NOT change anything in here
---------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
Custom Bootstrap SCSS Variable Overides - Override bootstrap SCSS Variables
----------------------------------------------------------------------------
*/
/*
* Color Overrides
*/
/*
* Body
* Settings for the `<body>` element.
*/
/*
* Font Overrides
*/
/*
* Spacer Overrides
*/
/*
* Spacer variables
*/
/*
* Border widths
*/
/*
* Border radius
*/
/*
* Spinner
*/
/*
* Toasts
*/
/*
-----------------------------------------------------------
Bootstrap Variables - DO NOT change anything in here
-----------------------------------------------------------
*/
/*
-----------------------------------------------------------
Bootstrap Maps - DO NOT change anything in here
-----------------------------------------------------------
*/
/*
-----------------------------------------------------------
Bootstrap Mixins - DO NOT change anything in here
-----------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
Custom Bootstrap Map Overrides - Override bootstrap SCSS Maps
----------------------------------------------------------------------------
*/
/*
-----------------------------------------------------------
Bootstrap Utilities - DO NOT change anything in here
-----------------------------------------------------------
*/
/*
----------------------------------------------------------------------
Custom Bootstrap utilities Overrides - Override bootstrap utilities
----------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------
cPanel Jupiter Custom Variables - Variables unrelated to Bootstrap
Note:
Variables should follow the `$component-state-property-size` formula for
consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------
cPanel Jupiter Custom Mixins - Mixins unrelated to Bootstrap
-------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------
cPanel Jupiter Custom Utilites - Utilities unrelated to Bootstrap
-------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
CSS variables from Bootstrap and cPanel
----------------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
Bootstrap CSS Variable - DO NOT change anything in here
----------------------------------------------------------------------------
*/
:root,
[data-bs-theme=light] {
--cp-blue: #003da6;
--cp-indigo: #202654;
--cp-purple: #31006f;
--cp-red: #dc3545;
--cp-orange: #de5c2e;
--cp-yellow: #ffc107;
--cp-green: #198754;
--cp-teal: #20c997;
--cp-cyan: #0dcaf0;
--cp-black: #000;
--cp-white: #fff;
--cp-gray: #6d7983;
--cp-gray-dark: #3c4d5a;
--cp-gray-100: #fafafa;
--cp-gray-200: #e5e7e9;
--cp-gray-300: #c3c7cc;
--cp-gray-400: #9da6ac;
--cp-gray-500: #858f98;
--cp-gray-600: #6d7983;
--cp-gray-700: #54636f;
--cp-gray-800: #3c4d5a;
--cp-gray-900: #243746;
--cp-primary: #003da6;
--cp-success: #198754;
--cp-info: #0dcaf0;
--cp-warning: #ffc107;
--cp-danger: #dc3545;
--cp-light: #fafafa;
--cp-dark: #243746;
--cp-accent: #de5c2e;
--cp-tertiary: #202654;
--cp-primary-rgb: 0, 61, 166;
--cp-secondary-rgb: 109, 121, 131;
--cp-success-rgb: 25, 135, 84;
--cp-info-rgb: 13, 202, 240;
--cp-warning-rgb: 255, 193, 7;
--cp-danger-rgb: 220, 53, 69;
--cp-light-rgb: 250, 250, 250;
--cp-dark-rgb: 36, 55, 70;
--cp-accent-rgb: 222, 92, 46;
--cp-tertiary-rgb: 32, 38, 84;
--cp-primary-text-emphasis: #001842;
--cp-secondary-text-emphasis: #2c3034;
--cp-success-text-emphasis: #0a3622;
--cp-info-text-emphasis: #055160;
--cp-warning-text-emphasis: #664d03;
--cp-danger-text-emphasis: #58151c;
--cp-light-text-emphasis: #54636f;
--cp-dark-text-emphasis: #54636f;
--cp-primary-bg-subtle: #ccd8ed;
--cp-secondary-bg-subtle: #e2e4e6;
--cp-success-bg-subtle: #d1e7dd;
--cp-info-bg-subtle: #cff4fc;
--cp-warning-bg-subtle: #fff3cd;
--cp-danger-bg-subtle: #f8d7da;
--cp-light-bg-subtle: #fdfdfd;
--cp-dark-bg-subtle: #9da6ac;
--cp-primary-border-subtle: #99b1db;
--cp-secondary-border-subtle: #c5c9cd;
--cp-success-border-subtle: #a3cfbb;
--cp-info-border-subtle: #9eeaf9;
--cp-warning-border-subtle: #ffe69c;
--cp-danger-border-subtle: #f1aeb5;
--cp-light-border-subtle: #e5e7e9;
--cp-dark-border-subtle: #858f98;
--cp-white-rgb: 255, 255, 255;
--cp-black-rgb: 0, 0, 0;
--cp-font-sans-serif: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
--cp-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--cp-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--cp-body-font-family: var(--cp-font-sans-serif);
--cp-body-font-size: 1rem;
--cp-body-font-weight: 400;
--cp-body-line-height: 1.5;
--cp-body-color: #243746;
--cp-body-color-rgb: 36, 55, 70;
--cp-body-bg: #fafafa;
--cp-body-bg-rgb: 250, 250, 250;
--cp-emphasis-color: #000;
--cp-emphasis-color-rgb: 0, 0, 0;
--cp-secondary-color: rgba(36, 55, 70, 0.75);
--cp-secondary-color-rgb: 36, 55, 70;
--cp-secondary-bg: #e5e7e9;
--cp-secondary-bg-rgb: 229, 231, 233;
--cp-tertiary-color: rgba(36, 55, 70, 0.5);
--cp-tertiary-color-rgb: 36, 55, 70;
--cp-tertiary-bg: #fafafa;
--cp-tertiary-bg-rgb: 250, 250, 250;
--cp-heading-color: inherit;
--cp-link-color: #003da6;
--cp-link-color-rgb: 0, 61, 166;
--cp-link-decoration: underline;
--cp-link-hover-color: #003185;
--cp-link-hover-color-rgb: 0, 49, 133;
--cp-code-color: #d63384;
--cp-highlight-color: #243746;
--cp-highlight-bg: #fff3cd;
--cp-border-width: 1px;
--cp-border-style: solid;
--cp-border-color: #c3c7cc;
--cp-border-color-translucent: rgba(0, 0, 0, 0.175);
--cp-border-radius: 0.25rem;
--cp-border-radius-sm: 0.125rem;
--cp-border-radius-lg: 0.5rem;
--cp-border-radius-xl: 1rem;
--cp-border-radius-xxl: 2rem;
--cp-border-radius-2xl: var(--cp-border-radius-xxl);
--cp-border-radius-pill: 50rem;
--cp-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--cp-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--cp-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--cp-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--cp-focus-ring-width: 0.25rem;
--cp-focus-ring-opacity: 0.25;
--cp-focus-ring-color: rgba(0, 61, 166, 0.25);
--cp-form-valid-color: #198754;
--cp-form-valid-border-color: #198754;
--cp-form-invalid-color: #dc3545;
--cp-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--cp-body-color: #c3c7cc;
--cp-body-color-rgb: 195, 199, 204;
--cp-body-bg: #243746;
--cp-body-bg-rgb: 36, 55, 70;
--cp-emphasis-color: #fff;
--cp-emphasis-color-rgb: 255, 255, 255;
--cp-secondary-color: rgba(195, 199, 204, 0.75);
--cp-secondary-color-rgb: 195, 199, 204;
--cp-secondary-bg: #3c4d5a;
--cp-secondary-bg-rgb: 60, 77, 90;
--cp-tertiary-color: rgba(195, 199, 204, 0.5);
--cp-tertiary-color-rgb: 195, 199, 204;
--cp-tertiary-bg: #304250;
--cp-tertiary-bg-rgb: 48, 66, 80;
--cp-primary-text-emphasis: #668bca;
--cp-secondary-text-emphasis: #a7afb5;
--cp-success-text-emphasis: #75b798;
--cp-info-text-emphasis: #6edff6;
--cp-warning-text-emphasis: #ffda6a;
--cp-danger-text-emphasis: #ea868f;
--cp-light-text-emphasis: #fafafa;
--cp-dark-text-emphasis: #c3c7cc;
--cp-primary-bg-subtle: #000c21;
--cp-secondary-bg-subtle: #16181a;
--cp-success-bg-subtle: #051b11;
--cp-info-bg-subtle: #032830;
--cp-warning-bg-subtle: #332701;
--cp-danger-bg-subtle: #2c0b0e;
--cp-light-bg-subtle: #3c4d5a;
--cp-dark-bg-subtle: #1e272d;
--cp-primary-border-subtle: #002564;
--cp-secondary-border-subtle: #41494f;
--cp-success-border-subtle: #0f5132;
--cp-info-border-subtle: #087990;
--cp-warning-border-subtle: #997404;
--cp-danger-border-subtle: #842029;
--cp-light-border-subtle: #54636f;
--cp-dark-border-subtle: #3c4d5a;
--cp-heading-color: inherit;
--cp-link-color: #668bca;
--cp-link-hover-color: #85a2d5;
--cp-link-color-rgb: 102, 139, 202;
--cp-link-hover-color-rgb: 133, 162, 213;
--cp-code-color: #e685b5;
--cp-highlight-color: #c3c7cc;
--cp-highlight-bg: #664d03;
--cp-border-color: #54636f;
--cp-border-color-translucent: rgba(255, 255, 255, 0.15);
--cp-form-valid-color: #75b798;
--cp-form-valid-border-color: #75b798;
--cp-form-invalid-color: #ea868f;
--cp-form-invalid-border-color: #ea868f;
}
/*
----------------------------------------------------------------------------
cPanel Jupiter CSS Variable - CSS Variables under :root
----------------------------------------------------------------------------
*/
:root {
--cp-tertiary-contrast: #e5e7e9;
--cp-graphic-color: #de5c2e;
--cp-component-bg: #fff;
--cp-header-bg: #fff;
--cp-spacer-0: 0;
--cp-spacer-1: 0.25rem;
--cp-spacer-2: 0.5rem;
--cp-spacer-3: 0.75rem;
--cp-spacer-4: 1rem;
--cp-spacer-5: 1.25rem;
--cp-spacer-6: 1.5rem;
--cp-spacer-7: 1.75rem;
--cp-spacer-8: 2rem;
--cp-spacer-9: 2.5rem;
--cp-spacer-10: 3rem;
}
Back to Directory
File Manager