mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-09-24 16:04:36 +08:00
ffe3d45017
* dbeaver/pro#5789 refactor: add ButtonIcon component instead of Button.Icon * dbeaver/pro#5789 refactor: button components across whole application to use UIKit button and UIKit variables - Rewrite Button.css(former button.module.css) file to define button styles for better maintainability and scalability - Added props to the Button component for Icons: 'size' and 'placement', currently used only in PropertiesTable (Add property) - Changed button modifiers to 'variant' swapping unelevated mod to primary(default one, so mod just deleted) and outlined mod to variant secondary. - In one case changed raised mod to danger variant (deleting a license) * dbeaver/pro#5789 refactor: fix Button component styling and removed redundant css file * dbeaver/pro#5789 style: clean up button formatting across multiple components * dbeaver/pro#5789 refactor: update Tailwind CSS import to use layer directive * dbeaver/pro#5789 refactor[kit]: add disabled state styles for buttons * dbeaver/pro#5789 refactor: enhance button styles for disabled state * dbeaver/pro#5789 fix button problems * dbeaver/pro#5789 fix: change layer name from theme to base in color styles * dbeaver/pro#5789 refactor: update button padding from 16px to 15px * dbeaver/pro#5789 refactor: adjust button gap and update InputFiles button props * dbeaver/pro#5789 style: center align button in SSHKeyUploader component * dbeaver/pro#5789 fix: update button classes to use inline-flex for better alignment * dbeaver/pro#5789 fix: remove initial background from tab styles * dbeaver/pro#5789 fix: move cursor pointer rule to button container * dbeaver/pro#5789 fix: update checkbox SVG fill property for proper rendering * dbeaver/pro#5789 fix: add variant prop to Button component for styling options * dbeaver/pro#5789 fix: add InlineEditor to CSS layer to compete with theme Important! border-color * dbeaver/pro#5789 fix: add min-width to button styles for consistency * dbeaver/pro#5789 refactor: adjust margin for trigger element in context menu first of all it's done to fix autotests and the second reason is to visually balance the cell with menu * dbeaver/pro#5789 fix: make boolean great again --------- Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com> Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com> Co-authored-by: kseniaguzeeva <112612526+kseniaguzeeva@users.noreply.github.com>
55 lines
2.3 KiB
CSS
55 lines
2.3 KiB
CSS
@layer base, theme, components, utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
/* General */
|
|
--dbv-kit-font-size-base: 1rem;
|
|
--dbv-kit-control-border-radius: var(--tw-radius-sm);
|
|
--dbv-kit-control-border-width: 1px;
|
|
--dbv-kit-control-disabled-opacity: 0.5;
|
|
--dbv-kit-control-disabled-foreground: var(--tw-color-gray-400);
|
|
--dbv-kit-control-disabled-background: var(--tw-color-gray-200);
|
|
|
|
/* Outline */
|
|
--dbv-kit-control-outline-color: var(--tw-color-blue-500);
|
|
--dbv-kit-control-outline-width: 2px;
|
|
--dbv-kit-control-outline-offset: 2px;
|
|
|
|
/* Sizes */
|
|
--dbv-kit-control-height-base: 2rem;
|
|
--dbv-kit-control-height-small: calc(var(--dbv-kit-control-height-base) * 0.75);
|
|
--dbv-kit-control-height-medium: var(--dbv-kit-control-height-base);
|
|
--dbv-kit-control-height-large: calc(var(--dbv-kit-control-height-base) * 1.25);
|
|
--dbv-kit-control-height-xlarge: calc(var(--dbv-kit-control-height-base) * 1.5);
|
|
|
|
/* Colors */
|
|
--dbv-kit-color-foreground: var(--tw-color-gray-900);
|
|
--dbv-kit-color-background: var(--tw-color-gray-50);
|
|
--dbv-kit-color-control-inactive: var(--tw-color-gray-300);
|
|
--dbv-kit-color-control-hover: var(--tw-color-gray-400);
|
|
--dbv-kit-color-control-label: var(--tw-color-gray-600);
|
|
--dbv-kit-color-control-required: var(--tw-color-red-600);
|
|
|
|
--dbv-kit-color-primary-50: var(--tw-color-blue-50);
|
|
--dbv-kit-color-primary-100: var(--tw-color-blue-100);
|
|
--dbv-kit-color-primary-200: var(--tw-color-blue-200);
|
|
--dbv-kit-color-primary-500: var(--tw-color-blue-500);
|
|
--dbv-kit-color-primary-600: var(--tw-color-blue-600);
|
|
--dbv-kit-color-primary-700: var(--tw-color-blue-700);
|
|
--dbv-kit-color-primary-800: var(--tw-color-blue-800);
|
|
--dbv-kit-color-primary-900: var(--tw-color-blue-900);
|
|
|
|
--dbv-kit-color-error-text: var(--tw-color-red-900);
|
|
--dbv-kit-color-error-background: var(--tw-color-red-50);
|
|
--dbv-kit-color-error-border: var(--tw-color-red-200);
|
|
|
|
--dbv-kit-color-info-text: var(--tw-color-blue-900);
|
|
--dbv-kit-color-info-background: var(--tw-color-blue-50);
|
|
--dbv-kit-color-info-border: var(--tw-color-blue-200);
|
|
|
|
--dbv-kit-color-warning-text: var(--tw-color-orange-900);
|
|
--dbv-kit-color-warning-background: var(--tw-color-orange-50);
|
|
--dbv-kit-color-warning-border: var(--tw-color-orange-200);
|
|
}
|
|
}
|