thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions
api-client/assets/css/themes.scss

108 lines
2.4 KiB
SCSS
Raw Normal View History

🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
/**
Main Themes:
- dark (default)
- light
Added Black Theme
2019-09-30 20:21:30 +00:00
- black
:lipstick: Minor stylings
2019-10-05 09:27:24 +00:00
- auto
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
*/
// Dark is the default theme variant.
Fix CORS and Mixed-Content issue & Bug Fixes This fixes the following issues: - Text selection color was incorrect - The 'send again' button glitched on page load This also adds some finishing touches to the proxy code (closes #199) and that in turn resolves #175 and resolves #2 Finally, this adds the fonts to the application assets allowing them to be cached by the service worker.
2019-10-20 00:57:47 +00:00
@mixin darkTheme {
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Background color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--bg-color: rgba(32, 33, 36, 1);
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
// Light Background color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--bg-light-color: rgba(255, 255, 255, 0.02);
// Dark Background color
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
--bg-dark-color: rgba(0, 0, 0, 0.1);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Text color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--fg-color: rgba(255, 255, 255, 0.9);
:art: UI update, moved POST request parameter section to Request section
2019-09-20 13:04:42 +00:00
// Light Text color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--fg-light-color: rgba(255, 255, 255, 0.5);
:art: Major UI update
2019-09-17 08:13:12 +00:00
// Border color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--brd-color: rgba(255, 255, 255, 0.05);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Error color
:bug: Fixed opaque select element, curved modals, better disabled color scheme
2019-12-09 04:10:47 +00:00
--err-color: rgba(255, 255, 255, 0.05);
:art: UI update, moved POST request parameter section to Request section
2019-09-20 13:04:42 +00:00
// Acent color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--ac-color: rgba(80, 250, 123, 1);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Active text color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--act-color: rgba(32, 33, 36, 1);
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
// Auto-complete color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--atc-color: rgba(32, 33, 36, 1);
// Tooltip color
--tt-color: rgba(53, 53, 53, 1);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
}
Fix CORS and Mixed-Content issue & Bug Fixes This fixes the following issues: - Text selection color was incorrect - The 'send again' button glitched on page load This also adds some finishing touches to the proxy code (closes #199) and that in turn resolves #175 and resolves #2 Finally, this adds the fonts to the application assets allowing them to be cached by the service worker.
2019-10-20 00:57:47 +00:00
@mixin lightTheme {
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
// Background color
--bg-color: rgba(255, 255, 255, 1);
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
// Light Background color
--bg-light-color: rgba(0, 0, 0, 0.02);
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
// Dark Background color
--bg-dark-color: rgba(0, 0, 0, 0.02);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Text color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--fg-color: rgba(0, 0, 0, 0.9);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Light Text color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--fg-light-color: rgba(0, 0, 0, 0.6);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Border color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--brd-color: rgba(0, 0, 0, 0.1);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Error color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--err-color: rgba(0, 0, 0, 0.1);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Acent color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--ac-color: rgba(80, 250, 123, 1);
Added Black Theme
2019-09-30 20:21:30 +00:00
// Active text color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--act-color: rgba(255, 255, 255, 1);
// Auto-complete color
--atc-color: rgba(255, 255, 255, 1);
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
// Tooltip color
--tt-color: rgba(220, 220, 220, 1);
Added Black Theme
2019-09-30 20:21:30 +00:00
}
Fix CORS and Mixed-Content issue & Bug Fixes This fixes the following issues: - Text selection color was incorrect - The 'send again' button glitched on page load This also adds some finishing touches to the proxy code (closes #199) and that in turn resolves #175 and resolves #2 Finally, this adds the fonts to the application assets allowing them to be cached by the service worker.
2019-10-20 00:57:47 +00:00
@mixin blackTheme {
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
// Background color
--bg-color: rgba(0, 0, 0, 1);
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
// Light Background color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--bg-light-color: rgba(255, 255, 255, 0.02);
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
// Dark Background color
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
--bg-dark-color: rgba(255, 255, 255, 0.02);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Text color
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
--fg-color: rgba(255, 255, 255, 0.9);
:art: UI update, moved POST request parameter section to Request section
2019-09-20 13:04:42 +00:00
// Light Text color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--fg-light-color: rgba(255, 255, 255, 0.5);
:art: Major UI update
2019-09-17 08:13:12 +00:00
// Border color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--brd-color: rgba(255, 255, 255, 0.05);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Error color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--err-color: rgba(255, 255, 255, 0.05);
:art: UI update, moved POST request parameter section to Request section
2019-09-20 13:04:42 +00:00
// Acent color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--ac-color: rgba(80, 250, 123, 1);
🎨 Add theme support - Move root (var) style properties to `/assets/css/themes.scss` - Improve mobile navigation - Create section component for the collapsable sections. - Create logo component, so color can be changed. - Add settings page - Add option to select theme color - Add option to select theme background - Add option to enable/disable multi-colored frames. - Add settings to VueX Store - Persist VueX store in LocalStorage.
2019-08-24 23:42:41 +00:00
// Active text color
:arrow_up: Bumped dependencies :art: Improved UI contrast
2019-12-14 09:53:10 +00:00
--act-color: rgba(0, 0, 0, 1);
// Auto-complete color
--atc-color: rgba(0, 0, 0, 1);
:art: Various UI tweaks
2019-12-17 19:13:15 +00:00
// Tooltip color
--tt-color: rgba(18, 18, 18, 1);
:lipstick: Minor stylings
2019-10-05 09:27:24 +00:00
}
: rotating_light: Lint
2019-10-25 08:14:34 +00:00
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
:root {
@include darkTheme;
}
:root.light {
@include lightTheme;
}
Fix CORS and Mixed-Content issue & Bug Fixes This fixes the following issues: - Text selection color was incorrect - The 'send again' button glitched on page load This also adds some finishing touches to the proxy code (closes #199) and that in turn resolves #175 and resolves #2 Finally, this adds the fonts to the application assets allowing them to be cached by the service worker.
2019-10-20 00:57:47 +00:00
:root.black {
@include blackTheme;
Fix and Revert "Revert "⌨️Add autocomplete widget with command line completion"" This reverts commit dd5dfdbabd107a00052d26f6764be53a2659f2ab.
2019-09-02 10:27:24 +00:00
}
:art: Updated color schemes
2019-12-09 03:35:03 +00:00
@media (prefers-color-scheme: dark) {
:root.auto {
@include darkTheme;
}
}
@media (prefers-color-scheme: light) {
:root.auto {
@include lightTheme;
}
}
Copy permalink