diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 52188036c..05fb04f79 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1e1e1e; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index ddb7fcfcf..903741f9b 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1e1e1e; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 9b6bb8b94..07d73d0ed 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1e1e1e; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index e0fe8ebdd..3722898be 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50:#e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#1e1e1e; + --surface-border:#383838; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #121212; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #121212; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1e1e1e; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 4f4435aa1..4277fbaae 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#151515; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #20262e; - --surface-50: #262b33; - --surface-100: #2b3138; - --surface-200: #31363e; - --surface-300: #363c43; - --surface-400: #3c4148; - --surface-500: #41474d; - --surface-600: #474c53; - --surface-700: #4d5158; - --surface-800: #52575d; - --surface-900: #585c62; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50:#e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; --content-padding:1.25rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#20262e; + --surface-section:#20262e; + --surface-card:#2a323d; + --surface-overlay:#2a323d; + --surface-border:#3f4b5b; + --surface-hover:rgba(255,255,255,.04); } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; +} +.p-speeddial-action:hover { + background: #3f4b5b; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3919,6 +4000,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem 1rem; background: #343e4d; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index e579f2718..af3987663 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#151515; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #20262e; - --surface-50: #262b33; - --surface-100: #2b3138; - --surface-200: #31363e; - --surface-300: #363c43; - --surface-400: #3c4148; - --surface-500: #41474d; - --surface-600: #474c53; - --surface-700: #4d5158; - --surface-800: #52575d; - --surface-900: #585c62; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50:#e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; --content-padding:1.25rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#20262e; + --surface-section:#20262e; + --surface-card:#2a323d; + --surface-overlay:#2a323d; + --surface-border:#3f4b5b; + --surface-hover:rgba(255,255,255,.04); } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #343e4d; + color: #fff; +} +.p-speeddial-action:hover { + background: #3f4b5b; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3919,6 +4000,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem 1rem; background: #343e4d; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 319d63568..0d45923df 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -22,8 +22,25 @@ --surface-700: #495057; --surface-800: #343a40; --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; --content-padding:1.25rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#efefef; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover:#e9ecef; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3919,6 +4000,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem 1rem; background: #efefef; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index a54eb38b1..fb1f41e32 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -22,8 +22,25 @@ --surface-700: #495057; --surface-800: #343a40; --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; --content-padding:1.25rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#efefef; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover:#e9ecef; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3919,6 +4000,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem 1rem; background: #efefef; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 0475ca89a..fc419c20a 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -22,8 +22,25 @@ --surface-700: #252423; --surface-800: #1b1a19; --surface-900: #11100f; + --gray-50: #f3f2f1; + --gray-100: #e1dfdd; + --gray-200: #bebbb8; + --gray-300: #a19f9d; + --gray-400: #797775; + --gray-500: #484644; + --gray-600: #323130; + --gray-700: #252423; + --gray-800: #1b1a19; + --gray-900: #11100f; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:2px; + --surface-ground:#faf9f8; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#edebe9; + --surface-hover:#f3f2f1; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #323130; + color: #ffffff; +} +.p-speeddial-action:hover { + background: #605e5c; + color: #ffffff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3882,6 +3963,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index a811c9576..e262ae6d7 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -12,18 +12,35 @@ --primary-color-text: #212529; --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #191919; - --surface-50: #1f1f1f; - --surface-100: #252525; - --surface-200: #2a2a2a; - --surface-300: #303030; - --surface-400: #363636; - --surface-500: #3c3c3c; - --surface-600: #414141; - --surface-700: #474747; - --surface-800: #4d4d4d; - --surface-900: #535353; + --surface-50: #303030; + --surface-100: #474747; + --surface-200: #5e5e5e; + --surface-300: #757575; + --surface-400: #8c8c8c; + --surface-500: #a3a3a3; + --surface-600: #bababa; + --surface-700: #d1d1d1; + --surface-800: #e8e8e8; + --surface-900: #ffffff; + --gray-50: #e8e8e8; + --gray-100: #d1d1d1; + --gray-200: #bababa; + --gray-300: #a3a3a3; + --gray-400: #8c8c8c; + --gray-500: #757575; + --gray-600: #5e5e5e; + --gray-700: #474747; + --gray-800: #303030; + --gray-900: #191919; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#191919; + --surface-section:#191919; + --surface-card:#323232; + --surface-overlay:#323232; + --surface-border:#4b4b4b; + --surface-hover:#4c4c4c; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #474747; + color: #fff; +} +.p-speeddial-action:hover { + background: #4d4d4d; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #252525; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index ab17eee21..c2635d10d 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -12,18 +12,35 @@ --primary-color-text: #212529; --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #191919; - --surface-50: #1f1f1f; - --surface-100: #252525; - --surface-200: #2a2a2a; - --surface-300: #303030; - --surface-400: #363636; - --surface-500: #3c3c3c; - --surface-600: #414141; - --surface-700: #474747; - --surface-800: #4d4d4d; - --surface-900: #535353; + --surface-50: #303030; + --surface-100: #474747; + --surface-200: #5e5e5e; + --surface-300: #757575; + --surface-400: #8c8c8c; + --surface-500: #a3a3a3; + --surface-600: #bababa; + --surface-700: #d1d1d1; + --surface-800: #e8e8e8; + --surface-900: #ffffff; + --gray-50: #e8e8e8; + --gray-100: #d1d1d1; + --gray-200: #bababa; + --gray-300: #a3a3a3; + --gray-400: #8c8c8c; + --gray-500: #757575; + --gray-600: #5e5e5e; + --gray-700: #474747; + --gray-800: #303030; + --gray-900: #191919; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#191919; + --surface-section:#191919; + --surface-card:#323232; + --surface-overlay:#323232; + --surface-border:#4b4b4b; + --surface-hover:#4c4c4c; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #474747; + color: #fff; +} +.p-speeddial-action:hover { + background: #4d4d4d; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #252525; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 54af7641d..1db51b88c 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -12,18 +12,35 @@ --primary-color-text: #212529; --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #191919; - --surface-50: #1f1f1f; - --surface-100: #252525; - --surface-200: #2a2a2a; - --surface-300: #303030; - --surface-400: #363636; - --surface-500: #3c3c3c; - --surface-600: #414141; - --surface-700: #474747; - --surface-800: #4d4d4d; - --surface-900: #535353; + --surface-50: #303030; + --surface-100: #474747; + --surface-200: #5e5e5e; + --surface-300: #757575; + --surface-400: #8c8c8c; + --surface-500: #a3a3a3; + --surface-600: #bababa; + --surface-700: #d1d1d1; + --surface-800: #e8e8e8; + --surface-900: #ffffff; + --gray-50: #e8e8e8; + --gray-100: #d1d1d1; + --gray-200: #bababa; + --gray-300: #a3a3a3; + --gray-400: #8c8c8c; + --gray-500: #757575; + --gray-600: #5e5e5e; + --gray-700: #474747; + --gray-800: #303030; + --gray-900: #191919; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#191919; + --surface-section:#191919; + --surface-card:#323232; + --surface-overlay:#323232; + --surface-border:#4b4b4b; + --surface-hover:#4c4c4c; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #474747; + color: #fff; +} +.p-speeddial-action:hover { + background: #4d4d4d; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #252525; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 4405864ac..b874335db 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -12,18 +12,35 @@ --primary-color-text: #212529; --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #191919; - --surface-50: #1f1f1f; - --surface-100: #252525; - --surface-200: #2a2a2a; - --surface-300: #303030; - --surface-400: #363636; - --surface-500: #3c3c3c; - --surface-600: #414141; - --surface-700: #474747; - --surface-800: #4d4d4d; - --surface-900: #535353; + --surface-50: #303030; + --surface-100: #474747; + --surface-200: #5e5e5e; + --surface-300: #757575; + --surface-400: #8c8c8c; + --surface-500: #a3a3a3; + --surface-600: #bababa; + --surface-700: #d1d1d1; + --surface-800: #e8e8e8; + --surface-900: #ffffff; + --gray-50: #e8e8e8; + --gray-100: #d1d1d1; + --gray-200: #bababa; + --gray-300: #a3a3a3; + --gray-400: #8c8c8c; + --gray-500: #757575; + --gray-600: #5e5e5e; + --gray-700: #474747; + --gray-800: #303030; + --gray-900: #191919; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#191919; + --surface-section:#191919; + --surface-card:#323232; + --surface-overlay:#323232; + --surface-border:#4b4b4b; + --surface-hover:#4c4c4c; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #474747; + color: #fff; +} +.p-speeddial-action:hover { + background: #4d4d4d; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #252525; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 579d41ebd..892ad973d 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#121212; --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:#hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 1rem; background: #1e1e1e; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index f94cfbc9a..f29db04b3 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#121212; --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:#hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 1rem; background: #1e1e1e; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 23c23a9fd..b125b9dae 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 1rem; background: transparent; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index bc6a6a369..22839ae86 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2.5rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 1rem; background: transparent; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 12de2a8a8..00a9b76fa 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -8,22 +8,39 @@ --surface-f:#262626; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:textSecondaryColor; - --primary-color:#673AB7; - --primary-color-text:#ffffff; + --primary-color:#CE93D8; + --primary-color-text:#121212; --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:#hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); } /* roboto-regular - latin-ext_latin */ @@ -211,7 +228,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -261,8 +278,8 @@ background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -333,7 +350,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -360,8 +377,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -374,8 +391,8 @@ border-color: rgba(255, 255, 255, 0.5); } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; @@ -428,8 +445,8 @@ border-radius: 4px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid rgba(255, 255, 255, 0.12); @@ -484,7 +501,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -536,8 +553,8 @@ box-shadow: none; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -572,12 +589,12 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #ffffff; + color: #121212; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #673AB7; - background: #673AB7; + border-color: #CE93D8; + background: #CE93D8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); @@ -586,12 +603,12 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #673AB7; - background: #673AB7; - color: #ffffff; + border-color: #CE93D8; + background: #CE93D8; + color: #121212; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44435; @@ -601,13 +618,13 @@ background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #673AB7; + background: #CE93D8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #673AB7; + background: #CE93D8; } .p-chips .p-chips-multiple-container { @@ -620,7 +637,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; @@ -677,7 +694,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -744,8 +761,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -855,22 +872,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #673AB7; + color: #CE93D8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #673AB7; + stroke: #CE93D8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #673AB7; + fill: #CE93D8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #673AB7; + color: #CE93D8; } .p-inputgroup-addon { @@ -977,13 +994,13 @@ background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); + background: rgba(206, 147, 216, 0.5); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #673AB7; + background: #CE93D8; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(103, 58, 183, 0.5); + background: rgba(206, 147, 216, 0.5); } .p-inputswitch.p-invalid { border-color: #f44435; @@ -1007,7 +1024,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-inputtext.p-invalid.p-component { border-color: #f44435; @@ -1119,8 +1136,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1160,7 +1177,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1253,8 +1270,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1305,7 +1322,7 @@ } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: rgba(103, 58, 183, 0.32); + background: rgba(206, 147, 216, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { background: #EF9A9A; @@ -1337,22 +1354,22 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 10px; height: 10px; transition-duration: 0.2s; - background-color: #673AB7; + background-color: #CE93D8; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #673AB7; - background: #ffffff; + border-color: #CE93D8; + background: #121212; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #673AB7; - background: #ffffff; - color: #673AB7; + border-color: #CE93D8; + background: #121212; + color: #CE93D8; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #f44435; @@ -1368,14 +1385,14 @@ background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; + background: #121212; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; + background: #121212; } .p-rating .p-rating-icon { - color: #673AB7; + color: #CE93D8; margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; @@ -1392,10 +1409,10 @@ margin-left: 0; } .p-rating .p-rating-icon.pi-star { - color: #673AB7; + color: #CE93D8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #673AB7; + color: #CE93D8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #f44435; @@ -1464,7 +1481,7 @@ .p-slider .p-slider-handle { height: 20px; width: 20px; - background: #673AB7; + background: #CE93D8; border: 0 none; border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -1475,10 +1492,10 @@ box-shadow: none; } .p-slider .p-slider-range { - background: #673AB7; + background: #CE93D8; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #673AB7; + background: #CE93D8; border-color: 0 none; } @@ -1495,7 +1512,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #673AB7; + border-color: #CE93D8; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1594,8 +1611,8 @@ } .p-button { - color: #ffffff; - background: #673AB7; + color: #121212; + background: #CE93D8; border: 0 none; padding: 0.571rem 0.75rem; font-size: 1rem; @@ -1603,28 +1620,28 @@ border-radius: 4px; } .p-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; + background: rgba(206, 147, 216, 0.92); + color: #121212; border-color: transparent; } .p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; + background: rgba(206, 147, 216, 0.68); + color: #121212; border-color: transparent; } .p-button.p-button-outlined { background-color: transparent; - color: #673AB7; + color: #CE93D8; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1641,17 +1658,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #673AB7; + color: #CE93D8; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(103, 58, 183, 0.04); - color: #673AB7; + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1687,8 +1704,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #673AB7; - background-color: #ffffff; + color: #CE93D8; + background-color: #121212; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -1743,52 +1760,52 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #4CAF50; + color: #121212; + background: #A5D6A7; border: 0 none; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(76, 175, 80, 0.92); - color: #ffffff; + background: rgba(165, 214, 167, 0.92); + color: #121212; border-color: transparent; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: none; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; + background: rgba(165, 214, 167, 0.68); + color: #121212; border-color: transparent; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #4CAF50; + color: #A5D6A7; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(76, 175, 80, 0.04); - color: #4CAF50; + background: rgba(165, 214, 167, 0.04); + color: #A5D6A7; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); - color: #4CAF50; + background: rgba(165, 214, 167, 0.16); + color: #A5D6A7; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #4CAF50; + color: #A5D6A7; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(76, 175, 80, 0.04); + background: rgba(165, 214, 167, 0.04); border-color: transparent; - color: #4CAF50; + color: #A5D6A7; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(76, 175, 80, 0.16); + background: rgba(165, 214, 167, 0.16); border-color: transparent; - color: #4CAF50; + color: #A5D6A7; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { @@ -2037,13 +2054,13 @@ } .p-button.p-button-link { - color: #673AB7; + color: #CE93D8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #673AB7; + color: #CE93D8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2056,10 +2073,74 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: #673AB7; + color: #CE93D8; border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #A5D6A7; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(165, 214, 167, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -2101,8 +2182,8 @@ background: rgba(255, 255, 255, 0.6); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-datatable .p-paginator-top { @@ -2157,8 +2238,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2233,21 +2314,21 @@ font-weight: 500; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.16); + box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #673AB7; + background: #CE93D8; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2293,14 +2374,14 @@ background: rgba(255, 255, 255, 0.02); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #673AB7; + color: #CE93D8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #673AB7; + color: #CE93D8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.375rem 0.375rem; @@ -2394,8 +2475,8 @@ color: rgba(255, 255, 255, 0.6); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-column-filter-menu-button:focus { outline: 0 none; @@ -2444,8 +2525,8 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -2513,17 +2594,17 @@ border-right: 1px solid rgba(255, 255, 255, 0.12); } .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(103, 58, 183, 0.16); - border: 1px solid rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + border: 1px solid rgba(206, 147, 216, 0.16); + color: #CE93D8; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); } .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; + color: #121212; + background: #CE93D8; border: 0 none; font-size: 1rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -2532,13 +2613,13 @@ align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; + background: rgba(206, 147, 216, 0.92); + color: #121212; border-color: transparent; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; + background: rgba(206, 147, 216, 0.68); + color: #121212; border-color: transparent; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { @@ -2667,16 +2748,16 @@ border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); - border-color: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #673AB7; + color: #CE93D8; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(103, 58, 183, 0.16); - border-color: rgba(103, 58, 183, 0.16); + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: rgba(255, 255, 255, 0.04); @@ -2686,21 +2767,21 @@ background: #1e1e1e; } .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; + color: #121212; + background: #CE93D8; border: 0 none; font-size: 1rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; + background: rgba(206, 147, 216, 0.92); + color: #121212; border-color: transparent; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; + background: rgba(206, 147, 216, 0.68); + color: #121212; border-color: transparent; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { @@ -2710,8 +2791,8 @@ } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.38; - color: #ffffff; - background: #673AB7; + color: #121212; + background: #CE93D8; border: 0 none; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { @@ -2816,8 +2897,8 @@ box-shadow: none; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { @@ -2825,11 +2906,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(49, 27, 86, 0.16); + color: rgba(157, 62, 173, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.12); @@ -2924,9 +3005,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(103, 58, 183, 0.16); - border-color: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + border-color: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -2976,8 +3057,8 @@ box-shadow: none; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); } .p-timeline .p-timeline-event-marker { @@ -3056,16 +3137,16 @@ box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #673AB7; + color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #673AB7; + color: #CE93D8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -3144,8 +3225,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #673AB7; - background: rgba(103, 58, 183, 0.16); + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3201,14 +3282,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #673AB7; + color: #CE93D8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #673AB7; + color: #CE93D8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -3218,7 +3299,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #673AB7; + background: #CE93D8; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3543,14 +3624,14 @@ box-shadow: none; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(103, 58, 183, 0.04); + background: rgba(206, 147, 216, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: transparent; border-color: transparent; - color: #673AB7; + color: #CE93D8; } .p-tabview .p-tabview-panels { background: transparent; @@ -3695,8 +3776,8 @@ padding: 0.75rem; } .p-overlaypanel .p-overlaypanel-close { - background: #673AB7; - color: #ffffff; + background: #CE93D8; + color: #121212; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3706,8 +3787,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; + background: rgba(206, 147, 216, 0.92); + color: #121212; } .p-overlaypanel:after { border: solid transparent; @@ -3824,13 +3905,13 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; + background: rgba(206, 147, 216, 0.92); + color: #121212; border-color: transparent; } .p-fileupload-choose:not(.p-disabled):active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; + background: rgba(206, 147, 216, 0.68); + color: #121212; border-color: transparent; } @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.75rem; background: #1e1e1e; @@ -4506,8 +4627,8 @@ box-shadow: none; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 500; @@ -4554,14 +4675,14 @@ box-shadow: none; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(103, 58, 183, 0.04); + background: rgba(206, 147, 216, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: transparent; border-color: transparent; - color: #673AB7; + color: #CE93D8; } .p-tieredmenu { @@ -4897,8 +5018,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4916,8 +5037,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(103, 58, 183, 0.16); - color: #673AB7; + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4974,8 +5095,8 @@ } .p-badge { - background: #673AB7; - color: #ffffff; + background: #CE93D8; + color: #121212; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -4983,8 +5104,8 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #4CAF50; - color: #ffffff; + background-color: #A5D6A7; + color: #121212; } .p-badge.p-badge-success { background-color: #C5E1A5; @@ -5068,13 +5189,13 @@ .p-progressbar { border: 0 none; height: 4px; - background: rgba(103, 58, 183, 0.32); + background: rgba(206, 147, 216, 0.32); border-radius: 4px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #673AB7; + background: #CE93D8; } .p-progressbar .p-progressbar-label { color: rgba(255, 255, 255, 0.87); @@ -5089,14 +5210,14 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #4CAF50; + background: #A5D6A7; } .p-scrolltop.p-link:hover { - background: rgba(76, 175, 80, 0.92); + background: rgba(165, 214, 167, 0.92); } .p-scrolltop .p-scrolltop-icon { font-size: 1.15rem; - color: #ffffff; + color: #121212; } .p-skeleton { @@ -5108,8 +5229,8 @@ } .p-tag { - background: #673AB7; - color: #ffffff; + background: #CE93D8; + color: #121212; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5187,7 +5308,7 @@ } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container { @@ -5195,7 +5316,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5207,7 +5328,7 @@ .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5273,22 +5394,22 @@ min-width: auto; } .p-button:enabled:focus { - background: rgba(103, 58, 183, 0.76); + background: rgba(206, 147, 216, 0.76); } .p-button:enabled:active { - background: rgba(103, 58, 183, 0.68); + background: rgba(206, 147, 216, 0.68); } .p-button .p-ink { background-color: rgba(255, 255, 255, 0.32); } .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(103, 58, 183, 0.12); + background: rgba(206, 147, 216, 0.12); } .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(103, 58, 183, 0.16); + background: rgba(206, 147, 216, 0.16); } .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; @@ -5309,19 +5430,19 @@ } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(76, 175, 80, 0.76); + background: rgba(165, 214, 167, 0.76); } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(76, 175, 80, 0.68); + background: rgba(165, 214, 167, 0.68); } .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(76, 175, 80, 0.12); + background: rgba(165, 214, 167, 0.12); } .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(76, 175, 80, 0.16); + background: rgba(165, 214, 167, 0.16); } .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(76, 175, 80, 0.16); + background-color: rgba(165, 214, 167, 0.16); } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { @@ -5435,8 +5556,8 @@ border-color: rgba(255, 255, 255, 0.6); } .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - border-color: #673AB7; - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + border-color: #CE93D8; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-datepicker .p-datepicker-header { @@ -5462,7 +5583,7 @@ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); } .p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16); + box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); } .p-calendar.p-invalid .p-inputtext:enabled:focus { @@ -5483,7 +5604,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5495,7 +5616,7 @@ .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5541,8 +5662,8 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; + background: #A5D6A7; + color: #121212; } .p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { @@ -5553,11 +5674,11 @@ border: 0 none; } .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-cascadeselect-item-content .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-input-filled .p-cascadeselect { @@ -5565,7 +5686,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5577,7 +5698,7 @@ .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5634,7 +5755,7 @@ border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; + border-color: #CE93D8; } .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; @@ -5654,10 +5775,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); } .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); } .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } .p-input-filled .p-checkbox .p-checkbox-box { @@ -5671,7 +5792,7 @@ 0% { width: 0; height: 0; - border-color: #ffffff; + border-color: #121212; transform: translate3d(0, 0, 0) rotate(45deg); } 33% { @@ -5682,12 +5803,12 @@ 100% { width: 4px; height: 10px; - border-color: #ffffff; + border-color: #121212; transform: translate3d(0, -10px, 0) rotate(45deg); } } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-input-filled .p-chips-multiple-container { @@ -5695,7 +5816,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5707,7 +5828,7 @@ .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5771,11 +5892,11 @@ border: 0 none; } .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-dropdown-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-input-filled .p-dropdown { @@ -5783,7 +5904,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5795,7 +5916,7 @@ .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5830,16 +5951,16 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #4CAF50; - color: #ffffff; + background: #A5D6A7; + color: #121212; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(76, 175, 80, 0.68); - color: #ffffff; + background: rgba(165, 214, 167, 0.68); + color: #121212; } .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-inputtext:enabled:focus.p-invalid { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; @@ -5850,7 +5971,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5858,7 +5979,7 @@ .p-input-filled .p-inputtext:enabled:hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; @@ -5884,7 +6005,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5937,10 +6058,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-fieldset .p-fieldset-legend { @@ -5966,7 +6087,7 @@ .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { - color: #673AB7; + color: #CE93D8; } .p-input-filled .p-float-label .p-inputtext { @@ -5985,7 +6106,7 @@ } .p-listbox-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { @@ -5996,11 +6117,11 @@ border: 0 none; } .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-multiselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-input-filled .p-multiselect { @@ -6008,7 +6129,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6020,7 +6141,7 @@ .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -6165,7 +6286,7 @@ border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #673AB7; + border-color: #CE93D8; } .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); @@ -6174,10 +6295,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); } .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); } .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); + box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -6201,7 +6322,7 @@ transform: scale(0.7); } .p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); + box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); } .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); @@ -6246,8 +6367,8 @@ padding-left: 0.5rem; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #673AB7; - color: #ffffff; + background-color: #CE93D8; + color: #121212; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -6265,10 +6386,10 @@ border-radius: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(103, 58, 183, 0.12); + background-color: rgba(206, 147, 216, 0.12); } .p-tabview .p-tabview-nav .p-tabview-ink-bar { z-index: 1; @@ -6276,7 +6397,7 @@ position: absolute; bottom: 0; height: 2px; - background-color: #673AB7; + background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } @@ -6300,11 +6421,11 @@ border: 0 none; } .p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; + box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; } .p-treeselect-item .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-input-filled .p-treeselect { @@ -6312,7 +6433,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6324,7 +6445,7 @@ .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -6401,17 +6522,17 @@ border-radius: 0; } .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(103, 58, 183, 0.16); + background-color: rgba(206, 147, 216, 0.16); } .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(103, 58, 183, 0.12); + background-color: rgba(206, 147, 216, 0.12); } .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; bottom: 0; height: 2px; - background-color: #673AB7; + background-color: #CE93D8; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 215aa2f4c..0a7b871db 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -8,22 +8,39 @@ --surface-f:#262626; --text-color:rgba(255, 255, 255, 0.87); --text-color-secondary:textSecondaryColor; - --primary-color:#3F51B5; - --primary-color-text:#ffffff; + --primary-color:#9FA8DA; + --primary-color-text:#121212; --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --surface-0: #121212; - --surface-50: #181818; - --surface-100: #1e1e1e; - --surface-200: #242424; - --surface-300: #2a2a2a; - --surface-400: #303030; - --surface-500: #363636; - --surface-600: #3b3b3b; - --surface-700: #414141; - --surface-800: #474747; - --surface-900: #4d4d4d; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:#hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); } /* roboto-regular - latin-ext_latin */ @@ -211,7 +228,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -261,8 +278,8 @@ background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -333,7 +350,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -360,8 +377,8 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; @@ -374,8 +391,8 @@ border-color: rgba(255, 255, 255, 0.5); } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; @@ -428,8 +445,8 @@ border-radius: 4px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid rgba(255, 255, 255, 0.12); @@ -484,7 +501,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -536,8 +553,8 @@ box-shadow: none; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -572,12 +589,12 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #ffffff; + color: #121212; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #3F51B5; - background: #3F51B5; + border-color: #9FA8DA; + background: #9FA8DA; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: rgba(255, 255, 255, 0.6); @@ -586,12 +603,12 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #3F51B5; - background: #3F51B5; - color: #ffffff; + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f44435; @@ -601,13 +618,13 @@ background-color: rgba(255, 255, 255, 0.06); } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3F51B5; + background: #9FA8DA; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #3F51B5; + background: #9FA8DA; } .p-chips .p-chips-multiple-container { @@ -620,7 +637,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; @@ -677,7 +694,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -744,8 +761,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -855,22 +872,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3F51B5; + color: #9FA8DA; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3F51B5; + stroke: #9FA8DA; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3F51B5; + fill: #9FA8DA; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3F51B5; + color: #9FA8DA; } .p-inputgroup-addon { @@ -977,13 +994,13 @@ background: rgba(255, 255, 255, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); + background: rgba(159, 168, 218, 0.5); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: #3F51B5; + background: #9FA8DA; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(63, 81, 181, 0.5); + background: rgba(159, 168, 218, 0.5); } .p-inputswitch.p-invalid { border-color: #f44435; @@ -1007,7 +1024,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-inputtext.p-invalid.p-component { border-color: #f44435; @@ -1119,8 +1136,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1160,7 +1177,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1253,8 +1270,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -1305,7 +1322,7 @@ } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: rgba(63, 81, 181, 0.32); + background: rgba(159, 168, 218, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { background: #EF9A9A; @@ -1337,22 +1354,22 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 10px; height: 10px; transition-duration: 0.2s; - background-color: #3F51B5; + background-color: #9FA8DA; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3F51B5; - background: #ffffff; + border-color: #9FA8DA; + background: #121212; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #3F51B5; - background: #ffffff; - color: #3F51B5; + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #f44435; @@ -1368,14 +1385,14 @@ background-color: rgba(255, 255, 255, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #ffffff; + background: #121212; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #ffffff; + background: #121212; } .p-rating .p-rating-icon { - color: #3F51B5; + color: #9FA8DA; margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; @@ -1392,10 +1409,10 @@ margin-left: 0; } .p-rating .p-rating-icon.pi-star { - color: #3F51B5; + color: #9FA8DA; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #3F51B5; + color: #9FA8DA; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #f44435; @@ -1464,7 +1481,7 @@ .p-slider .p-slider-handle { height: 20px; width: 20px; - background: #3F51B5; + background: #9FA8DA; border: 0 none; border-radius: 50%; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -1475,10 +1492,10 @@ box-shadow: none; } .p-slider .p-slider-range { - background: #3F51B5; + background: #9FA8DA; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3F51B5; + background: #9FA8DA; border-color: 0 none; } @@ -1495,7 +1512,7 @@ outline: 0 none; outline-offset: 0; box-shadow: none; - border-color: #3F51B5; + border-color: #9FA8DA; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1594,8 +1611,8 @@ } .p-button { - color: #ffffff; - background: #3F51B5; + color: #121212; + background: #9FA8DA; border: 0 none; padding: 0.571rem 0.75rem; font-size: 1rem; @@ -1603,28 +1620,28 @@ border-radius: 4px; } .p-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; + background: rgba(159, 168, 218, 0.92); + color: #121212; border-color: transparent; } .p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; + background: rgba(159, 168, 218, 0.68); + color: #121212; border-color: transparent; } .p-button.p-button-outlined { background-color: transparent; - color: #3F51B5; + color: #9FA8DA; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1641,17 +1658,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #3F51B5; + color: #9FA8DA; border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(63, 81, 181, 0.04); - color: #3F51B5; + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1687,8 +1704,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #3F51B5; - background-color: #ffffff; + color: #9FA8DA; + background-color: #121212; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -1743,52 +1760,52 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #ffffff; - background: #ff4081; + color: #121212; + background: #F48FB1; border: 0 none; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: rgba(255, 64, 129, 0.92); - color: #ffffff; + background: rgba(244, 143, 177, 0.92); + color: #121212; border-color: transparent; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: none; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; + background: rgba(244, 143, 177, 0.68); + color: #121212; border-color: transparent; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #ff4081; + color: #F48FB1; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(255, 64, 129, 0.04); - color: #ff4081; + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); - color: #ff4081; + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #ff4081; + color: #F48FB1; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(255, 64, 129, 0.04); + background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #ff4081; + color: #F48FB1; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(255, 64, 129, 0.16); + background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #ff4081; + color: #F48FB1; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { @@ -2037,13 +2054,13 @@ } .p-button.p-button-link { - color: #3F51B5; + color: #9FA8DA; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #3F51B5; + color: #9FA8DA; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2056,10 +2073,74 @@ } .p-button.p-button-link:enabled:active { background: transparent; - color: #3F51B5; + color: #9FA8DA; border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -2101,8 +2182,8 @@ background: rgba(255, 255, 255, 0.6); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-datatable .p-paginator-top { @@ -2157,8 +2238,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2233,21 +2314,21 @@ font-weight: 500; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.16); + box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #3F51B5; + background: #9FA8DA; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2293,14 +2374,14 @@ background: rgba(255, 255, 255, 0.02); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #3F51B5; + color: #9FA8DA; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #3F51B5; + color: #9FA8DA; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.375rem 0.375rem; @@ -2394,8 +2475,8 @@ color: rgba(255, 255, 255, 0.6); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-column-filter-menu-button:focus { outline: 0 none; @@ -2444,8 +2525,8 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -2513,17 +2594,17 @@ border-right: 1px solid rgba(255, 255, 255, 0.12); } .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(63, 81, 181, 0.16); - border: 1px solid rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + border: 1px solid rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); } .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; + color: #121212; + background: #9FA8DA; border: 0 none; font-size: 1rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); @@ -2532,13 +2613,13 @@ align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; + background: rgba(159, 168, 218, 0.92); + color: #121212; border-color: transparent; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; + background: rgba(159, 168, 218, 0.68); + color: #121212; border-color: transparent; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { @@ -2667,16 +2748,16 @@ border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); - border-color: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #3F51B5; + color: #9FA8DA; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(63, 81, 181, 0.16); - border-color: rgba(63, 81, 181, 0.16); + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: rgba(255, 255, 255, 0.04); @@ -2686,21 +2767,21 @@ background: #1e1e1e; } .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; + color: #121212; + background: #9FA8DA; border: 0 none; font-size: 1rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; + background: rgba(159, 168, 218, 0.92); + color: #121212; border-color: transparent; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; + background: rgba(159, 168, 218, 0.68); + color: #121212; border-color: transparent; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { @@ -2710,8 +2791,8 @@ } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.38; - color: #ffffff; - background: #3F51B5; + color: #121212; + background: #9FA8DA; border: 0 none; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { @@ -2816,8 +2897,8 @@ box-shadow: none; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { @@ -2825,11 +2906,11 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(30, 39, 86, 0.16); + color: rgba(69, 86, 180, 0.16); } .p-organizationchart .p-organizationchart-line-down { background: rgba(255, 255, 255, 0.12); @@ -2924,9 +3005,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(63, 81, 181, 0.16); - border-color: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -2976,8 +3057,8 @@ box-shadow: none; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); } .p-timeline .p-timeline-event-marker { @@ -3056,16 +3137,16 @@ box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #3F51B5; + color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #3F51B5; + color: #9FA8DA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -3144,8 +3225,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #3F51B5; - background: rgba(63, 81, 181, 0.16); + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3201,14 +3282,14 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #3F51B5; + color: #9FA8DA; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #3F51B5; + color: #9FA8DA; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); @@ -3218,7 +3299,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #3F51B5; + background: #9FA8DA; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3543,14 +3624,14 @@ box-shadow: none; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(63, 81, 181, 0.04); + background: rgba(159, 168, 218, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: transparent; border-color: transparent; - color: #3F51B5; + color: #9FA8DA; } .p-tabview .p-tabview-panels { background: transparent; @@ -3695,8 +3776,8 @@ padding: 0.75rem; } .p-overlaypanel .p-overlaypanel-close { - background: #3F51B5; - color: #ffffff; + background: #9FA8DA; + color: #121212; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -3706,8 +3787,8 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; + background: rgba(159, 168, 218, 0.92); + color: #121212; } .p-overlaypanel:after { border: solid transparent; @@ -3824,13 +3905,13 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; + background: rgba(159, 168, 218, 0.92); + color: #121212; border-color: transparent; } .p-fileupload-choose:not(.p-disabled):active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; + background: rgba(159, 168, 218, 0.68); + color: #121212; border-color: transparent; } @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.75rem; background: #1e1e1e; @@ -4506,8 +4627,8 @@ box-shadow: none; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 500; @@ -4554,14 +4675,14 @@ box-shadow: none; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: rgba(63, 81, 181, 0.04); + background: rgba(159, 168, 218, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.6); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: transparent; border-color: transparent; - color: #3F51B5; + color: #9FA8DA; } .p-tieredmenu { @@ -4897,8 +5018,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -4916,8 +5037,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(63, 81, 181, 0.16); - color: #3F51B5; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -4974,8 +5095,8 @@ } .p-badge { - background: #3F51B5; - color: #ffffff; + background: #9FA8DA; + color: #121212; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -4983,8 +5104,8 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #ff4081; - color: #ffffff; + background-color: #F48FB1; + color: #121212; } .p-badge.p-badge-success { background-color: #C5E1A5; @@ -5068,13 +5189,13 @@ .p-progressbar { border: 0 none; height: 4px; - background: rgba(63, 81, 181, 0.32); + background: rgba(159, 168, 218, 0.32); border-radius: 4px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #3F51B5; + background: #9FA8DA; } .p-progressbar .p-progressbar-label { color: rgba(255, 255, 255, 0.87); @@ -5089,14 +5210,14 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #ff4081; + background: #F48FB1; } .p-scrolltop.p-link:hover { - background: rgba(255, 64, 129, 0.92); + background: rgba(244, 143, 177, 0.92); } .p-scrolltop .p-scrolltop-icon { font-size: 1.15rem; - color: #ffffff; + color: #121212; } .p-skeleton { @@ -5108,8 +5229,8 @@ } .p-tag { - background: #3F51B5; - color: #ffffff; + background: #9FA8DA; + color: #121212; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -5187,7 +5308,7 @@ } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container { @@ -5195,7 +5316,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5207,7 +5328,7 @@ .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5273,22 +5394,22 @@ min-width: auto; } .p-button:enabled:focus { - background: rgba(63, 81, 181, 0.76); + background: rgba(159, 168, 218, 0.76); } .p-button:enabled:active { - background: rgba(63, 81, 181, 0.68); + background: rgba(159, 168, 218, 0.68); } .p-button .p-ink { background-color: rgba(255, 255, 255, 0.32); } .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { - background: rgba(63, 81, 181, 0.12); + background: rgba(159, 168, 218, 0.12); } .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { - background: rgba(63, 81, 181, 0.16); + background: rgba(159, 168, 218, 0.16); } .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; @@ -5309,19 +5430,19 @@ } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - background: rgba(255, 64, 129, 0.76); + background: rgba(244, 143, 177, 0.76); } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: rgba(255, 64, 129, 0.68); + background: rgba(244, 143, 177, 0.68); } .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { - background: rgba(255, 64, 129, 0.12); + background: rgba(244, 143, 177, 0.12); } .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(255, 64, 129, 0.16); + background: rgba(244, 143, 177, 0.16); } .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { - background-color: rgba(255, 64, 129, 0.16); + background-color: rgba(244, 143, 177, 0.16); } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { @@ -5435,8 +5556,8 @@ border-color: rgba(255, 255, 255, 0.6); } .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { - border-color: #3F51B5; - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + border-color: #9FA8DA; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-datepicker .p-datepicker-header { @@ -5462,7 +5583,7 @@ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); } .p-datepicker table td.p-datepicker-today.p-highlight { - box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16); + box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); } .p-calendar.p-invalid .p-inputtext:enabled:focus { @@ -5483,7 +5604,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5495,7 +5616,7 @@ .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5541,8 +5662,8 @@ } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; + background: #F48FB1; + color: #121212; } .p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger { @@ -5553,11 +5674,11 @@ border: 0 none; } .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-cascadeselect-item-content .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-input-filled .p-cascadeselect { @@ -5565,7 +5686,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5577,7 +5698,7 @@ .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5634,7 +5755,7 @@ border-color: rgba(255, 255, 255, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; + border-color: #9FA8DA; } .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { content: ""; @@ -5654,10 +5775,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); } .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); } .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } .p-input-filled .p-checkbox .p-checkbox-box { @@ -5671,7 +5792,7 @@ 0% { width: 0; height: 0; - border-color: #ffffff; + border-color: #121212; transform: translate3d(0, 0, 0) rotate(45deg); } 33% { @@ -5682,12 +5803,12 @@ 100% { width: 4px; height: 10px; - border-color: #ffffff; + border-color: #121212; transform: translate3d(0, -10px, 0) rotate(45deg); } } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-input-filled .p-chips-multiple-container { @@ -5695,7 +5816,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5707,7 +5828,7 @@ .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5771,11 +5892,11 @@ border: 0 none; } .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-dropdown-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-input-filled .p-dropdown { @@ -5783,7 +5904,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5795,7 +5916,7 @@ .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -5830,16 +5951,16 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #ff4081; - color: #ffffff; + background: #F48FB1; + color: #121212; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(255, 64, 129, 0.68); - color: #ffffff; + background: rgba(244, 143, 177, 0.68); + color: #121212; } .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-inputtext:enabled:focus.p-invalid { box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; @@ -5850,7 +5971,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5858,7 +5979,7 @@ .p-input-filled .p-inputtext:enabled:hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); } .p-input-filled .p-inputtext:enabled:focus { box-shadow: none; @@ -5884,7 +6005,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -5937,10 +6058,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); } .p-fieldset .p-fieldset-legend { @@ -5966,7 +6087,7 @@ .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { - color: #3F51B5; + color: #9FA8DA; } .p-input-filled .p-float-label .p-inputtext { @@ -5985,7 +6106,7 @@ } .p-listbox-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { @@ -5996,11 +6117,11 @@ border: 0 none; } .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-multiselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-input-filled .p-multiselect { @@ -6008,7 +6129,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6020,7 +6141,7 @@ .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -6165,7 +6286,7 @@ border: 2px solid rgba(255, 255, 255, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { - border-color: #3F51B5; + border-color: #9FA8DA; } .p-radiobutton:not(.p-radiobutton-disabled):hover { box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); @@ -6174,10 +6295,10 @@ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); } .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); } .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { - box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -6201,7 +6322,7 @@ transform: scale(0.7); } .p-slider .p-slider-handle:focus { - box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); } .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); @@ -6246,8 +6367,8 @@ padding-left: 0.5rem; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background-color: #3F51B5; - color: #ffffff; + background-color: #9FA8DA; + color: #121212; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -6265,10 +6386,10 @@ border-radius: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { - background-color: rgba(63, 81, 181, 0.12); + background-color: rgba(159, 168, 218, 0.12); } .p-tabview .p-tabview-nav .p-tabview-ink-bar { z-index: 1; @@ -6276,7 +6397,7 @@ position: absolute; bottom: 0; height: 2px; - background-color: #3F51B5; + background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } @@ -6300,11 +6421,11 @@ border: 0 none; } .p-treeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; } .p-treeselect-item .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-input-filled .p-treeselect { @@ -6312,7 +6433,7 @@ border-bottom-right-radius: 0; border: 1px solid transparent; background: rgba(255, 255, 255, 0.06) no-repeat; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); background-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6324,7 +6445,7 @@ .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; - background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; @@ -6401,17 +6522,17 @@ border-radius: 0; } .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { - background-color: rgba(63, 81, 181, 0.16); + background-color: rgba(159, 168, 218, 0.16); } .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { - background-color: rgba(63, 81, 181, 0.12); + background-color: rgba(159, 168, 218, 0.12); } .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { display: block; position: absolute; bottom: 0; height: 2px; - background-color: #3F51B5; + background-color: #9FA8DA; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 84ddd981b..c63e90337 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4CAF50; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(76, 175, 80, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.75rem; background: transparent; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index cd7495cf6..9d5cffb42 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); } /* roboto-regular - latin-ext_latin */ @@ -2060,6 +2077,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3931,6 +4012,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.75rem; background: transparent; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 2ad01bdeb..dbf2da877 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -22,8 +22,25 @@ --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f4f4f4; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#c8c8c8; + --surface-hover:#eaeaea; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #324249; + color: #fff; +} +.p-speeddial-action:hover { + background: #222c31; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3882,6 +3963,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 8e4cdfaca..6e6752cee 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -22,8 +22,25 @@ --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f4f4f4; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#c8c8c8; + --surface-hover:#eaeaea; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #324249; + color: #fff; +} +.p-speeddial-action:hover { + background: #222c31; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 43567e32c..cc265ab8e 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -22,8 +22,25 @@ --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f4f4f4; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#c8c8c8; + --surface-hover:#eaeaea; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #324249; + color: #fff; +} +.p-speeddial-action:hover { + background: #222c31; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index e268895c0..952ff5e7d 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -22,8 +22,25 @@ --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f4f4f4; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#c8c8c8; + --surface-hover:#eaeaea; } * { @@ -2048,6 +2065,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #324249; + color: #fff; +} +.p-speeddial-action:hover { + background: #222c31; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3894,6 +3975,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 769dea79c..62435bc25 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -22,8 +22,25 @@ --surface-700: #324249; --surface-800: #222c31; --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; --content-padding:0.571rem 1rem; --inline-spacing:0.5rem; + --border-radius:2px; + --surface-ground:#f4f4f4; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dadada; + --surface-hover: #eaeaea; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #324249; + color: #fff; +} +.p-speeddial-action:hover { + background: #222c31; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3882,6 +3963,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #ffffff; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 56c25a949..693ba7328 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #f8f9fa; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 25e6eba01..45efc3a31 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #f8f9fa; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index e761e77b2..82da8bebb 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #f8f9fa; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 28e13bae7..88aa3c42b 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -22,8 +22,25 @@ --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; +} +.p-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #f8f9fa; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index b8c79bfaf..fc582add3 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #17212f; - --surface-50: #1d2734; - --surface-100: #232c39; - --surface-200: #28323f; - --surface-300: #2e3744; - --surface-400: #343d49; - --surface-500: #3a424e; - --surface-600: #404853; - --surface-700: #454d59; - --surface-800: #4b535e; - --surface-900: #515963; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1f2d40; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index c0211d502..524225a81 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #17212f; - --surface-50: #1d2734; - --surface-100: #232c39; - --surface-200: #28323f; - --surface-300: #2e3744; - --surface-400: #343d49; - --surface-500: #3a424e; - --surface-600: #404853; - --surface-700: #454d59; - --surface-800: #4b535e; - --surface-900: #515963; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1f2d40; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 4eac663cb..ff2ccc834 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #17212f; - --surface-50: #1d2734; - --surface-100: #232c39; - --surface-200: #28323f; - --surface-300: #2e3744; - --surface-400: #343d49; - --surface-500: #3a424e; - --surface-600: #404853; - --surface-700: #454d59; - --surface-800: #4b535e; - --surface-900: #515963; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1f2d40; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index a68d1aa05..f7c48e02a 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -12,18 +12,35 @@ --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #17212f; - --surface-50: #1d2734; - --surface-100: #232c39; - --surface-200: #28323f; - --surface-300: #2e3744; - --surface-400: #343d49; - --surface-500: #3a424e; - --surface-600: #404853; - --surface-700: #454d59; - --surface-800: #4b535e; - --surface-900: #515963; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50:#e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; --content-padding:1rem; --inline-spacing:0.5rem; + --border-radius:3px; + --surface-ground:#17212f; + --surface-section:#17212f; + --surface-card:#1f2d40; + --surface-overlay:#1f2d40; + --surface-border:#304562; + --surface-hover:rgba(255,255,255,.03); } * { @@ -2036,6 +2053,70 @@ border-color: transparent; } +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #17212f; +} +.p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #17212f; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; @@ -3907,6 +3988,46 @@ font-size: 0.875rem; } +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + .p-megamenu { padding: 0.5rem; background: #1f2d40;