mm_ai 1.0.0

package/common/tool/develop/build_html_ui/tpl/css/color.css

@@ -0,0 +1,798 @@
+/* 按钮色彩修饰符 */
+.btn-primary {
+  background: var(--bg_primary);
+  border-color: var(--border_primary);
+  color: white;
+}
+
+.btn-primary:hover {
+  background: var(--bg_primary_hover);
+  border-color: var(--border_primary_hover);
+}
+
+.btn-primary:active {
+  background: var(--bg_primary_active);
+}
+
+.btn-primary:disabled {
+  background: var(--bg_primary_disabled);
+  border-color: var(--border_primary_disabled);
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+.btn-secondary {
+  background: var(--bg_secondary);
+  border-color: var(--border_secondary, var(--border_color_default));
+  color: white;
+}
+
+.btn-secondary:hover {
+  background: var(--bg_secondary_hover);
+}
+
+.btn-success {
+  background: var(--bg_success);
+  border-color: var(--border_success);
+  color: white;
+}
+
+.btn-success:hover {
+  background: var(--bg_success_hover);
+}
+
+.btn-danger {
+  background: var(--bg_danger);
+  border-color: var(--border_danger);
+  color: white;
+}
+
+.btn-danger:hover {
+  background: var(--bg_danger_hover);
+}
+
+.btn-warning {
+  background: var(--bg_warning);
+  border-color: var(--border_warning);
+  color: var(--color_text_primary);
+}
+
+.btn-warning:hover {
+  background: var(--color_warning_hover);
+}
+
+.btn-info {
+  background: var(--bg_info);
+  border-color: var(--border_info);
+  color: white;
+}
+
+.btn-info:hover {
+  background: var(--color_info_hover);
+}
+
+.btn-light {
+  background: var(--color_light);
+  border-color: var(--border_color_light);
+  color: var(--color_text_primary);
+}
+
+.btn-light:hover {
+  background: var(--color_light_hover);
+}
+
+.btn-dark {
+  background: var(--color_dark);
+  border-color: var(--color_dark);
+  color: white;
+}
+
+.btn-dark:hover {
+  background: var(--color_dark_hover);
+}
+
+/* 输入框聚焦颜色 */
+.input-primary:focus {
+  border-color: var(--border_primary);
+  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
+}
+
+.input-success:focus {
+  border-color: var(--border_success);
+  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
+}
+
+.input-danger:focus {
+  border-color: var(--border_danger);
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.input-warning:focus {
+  border-color: var(--border_warning);
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.input-info:focus {
+  border-color: var(--border_info);
+  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+/* 文本框聚焦颜色 */
+.textarea-primary:focus {
+  border-color: var(--border_primary);
+  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
+}
+
+.textarea-success:focus {
+  border-color: var(--border_success);
+  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
+}
+
+.textarea-danger:focus {
+  border-color: var(--border_danger);
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.textarea-warning:focus {
+  border-color: var(--border_warning);
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.textarea-info:focus {
+  border-color: var(--border_info);
+  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+/* 选择框聚焦颜色 */
+.select-primary:focus {
+  border-color: var(--border_primary);
+  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
+}
+
+.select-success:focus {
+  border-color: var(--border_success);
+  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
+}
+
+.select-danger:focus {
+  border-color: var(--border_danger);
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.select-warning:focus {
+  border-color: var(--border_warning);
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
+}
+
+.select-info:focus {
+  border-color: var(--border_info);
+  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+/* 复选框/单选框选中颜色 */
+.checkbox-primary input:checked,
+.radio-primary input:checked {
+  accent-color: var(--color_primary);
+}
+
+.checkbox-success input:checked {
+  accent-color: var(--color_success);
+}
+
+.checkbox-danger input:checked {
+  accent-color: var(--color_danger);
+}
+
+.checkbox-warning input:checked {
+  accent-color: var(--color_warning);
+}
+
+.checkbox-info input:checked {
+  accent-color: var(--color_info);
+}
+
+/* 开关颜色 */
+.switch-primary input:checked+.switch_slider {
+  background: var(--color_primary);
+}
+
+.switch-success input:checked+.switch_slider {
+  background: var(--color_success);
+}
+
+.switch-danger input:checked+.switch_slider {
+  background: var(--color_danger);
+}
+
+.switch-warning input:checked+.switch_slider {
+  background: var(--color_warning);
+}
+
+.switch-info input:checked+.switch_slider {
+  background: var(--color_info);
+}
+
+/* 滑块颜色 */
+.slider-primary::-webkit-slider-thumb {
+  background: var(--color_primary);
+}
+
+.slider-success::-webkit-slider-thumb {
+  background: var(--color_success);
+}
+
+.slider-danger::-webkit-slider-thumb {
+  background: var(--color_danger);
+}
+
+.slider-warning::-webkit-slider-thumb {
+  background: var(--color_warning);
+}
+
+.slider-info::-webkit-slider-thumb {
+  background: var(--color_info);
+}
+
+/* 评分激活色（默认已用warning，这里覆盖） */
+.rate-primary .rate_star_active {
+  color: var(--color_primary);
+}
+
+.rate-success .rate_star_active {
+  color: var(--color_success);
+}
+
+.rate-danger .rate_star_active {
+  color: var(--color_danger);
+}
+
+.rate-warning .rate_star_active {
+  color: var(--color_warning);
+}
+
+.rate-info .rate_star_active {
+  color: var(--color_info);
+}
+
+/* 标签文字颜色 */
+.label-primary {
+  color: var(--color_primary);
+}
+
+.label-success {
+  color: var(--color_success);
+}
+
+.label-danger {
+  color: var(--color_danger);
+}
+
+.label-warning {
+  color: var(--color_warning);
+}
+
+.label-info {
+  color: var(--color_info);
+}
+
+/* 字段集边框色 */
+.fieldset-primary {
+  border-color: var(--border_primary);
+}
+
+.fieldset-success {
+  border-color: var(--border_success);
+}
+
+.fieldset-danger {
+  border-color: var(--border_danger);
+}
+
+.fieldset-warning {
+  border-color: var(--border_warning);
+}
+
+.fieldset-info {
+  border-color: var(--border_info);
+}
+
+.legend-primary {
+  color: var(--color_primary);
+}
+
+.legend-success {
+  color: var(--color_success);
+}
+
+.legend-danger {
+  color: var(--color_danger);
+}
+
+.legend-warning {
+  color: var(--color_warning);
+}
+
+.legend-info {
+  color: var(--color_info);
+}
+
+/* 气泡卡片边框 */
+.popover-primary {
+  border-color: var(--border_primary);
+}
+
+.popover-success {
+  border-color: var(--border_success);
+}
+
+.popover-danger {
+  border-color: var(--border_danger);
+}
+
+.popover-warning {
+  border-color: var(--border_warning);
+}
+
+.popover-info {
+  border-color: var(--border_info);
+}
+
+.popover-primary .popover_header {
+  background: var(--bg_primary);
+  color: white;
+}
+
+.popover-success .popover_header {
+  background: var(--bg_success);
+  color: white;
+}
+
+.popover-danger .popover_header {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.popover-warning .popover_header {
+  background: var(--bg_warning);
+  color: white;
+}
+
+.popover-info .popover_header {
+  background: var(--bg_info);
+  color: white;
+}
+
+/* 模态框头部背景 */
+.modal-primary .modal_header {
+  background: var(--bg_primary);
+  color: white;
+  border-bottom: none;
+}
+
+.modal-success .modal_header {
+  background: var(--bg_success);
+  color: white;
+}
+
+.modal-danger .modal_header {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.modal-warning .modal_header {
+  background: var(--bg_warning);
+  color: var(--color_text_primary);
+}
+
+.modal-info .modal_header {
+  background: var(--bg_info);
+  color: white;
+}
+
+/* 抽屉头部背景 */
+.drawer-primary .drawer_header {
+  background: var(--bg_primary);
+  color: white;
+}
+
+.drawer-success .drawer_header {
+  background: var(--bg_success);
+  color: white;
+}
+
+.drawer-danger .drawer_header {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.drawer-warning .drawer_header {
+  background: var(--bg_warning);
+  color: var(--color_text_primary);
+}
+
+.drawer-info .drawer_header {
+  background: var(--bg_info);
+  color: white;
+}
+
+/* 菜单项悬停背景 */
+.menu_item-primary:hover {
+  background: var(--bg_primary);
+  color: white;
+}
+
+.menu_item-success:hover {
+  background: var(--bg_success);
+  color: white;
+}
+
+.menu_item-danger:hover {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.menu_item-warning:hover {
+  background: var(--bg_warning);
+  color: var(--color_text_primary);
+}
+
+.menu_item-info:hover {
+  background: var(--bg_info);
+  color: white;
+}
+
+/* 标签页激活颜色 */
+.tab-primary.tab_active {
+  color: var(--color_primary);
+  border-bottom-color: var(--border_primary);
+}
+
+.tab-success.tab_active {
+  color: var(--color_success);
+  border-bottom-color: var(--border_success);
+}
+
+.tab-danger.tab_active {
+  color: var(--color_danger);
+  border-bottom-color: var(--border_danger);
+}
+
+.tab-warning.tab_active {
+  color: var(--color_warning);
+  border-bottom-color: var(--border_warning);
+}
+
+.tab-info.tab_active {
+  color: var(--color_info);
+  border-bottom-color: var(--border_info);
+}
+
+/* 卡片边框/头部 */
+.card-primary {
+  border-color: var(--border_primary);
+}
+
+.card-success {
+  border-color: var(--border_success);
+}
+
+.card-danger {
+  border-color: var(--border_danger);
+}
+
+.card-warning {
+  border-color: var(--border_warning);
+}
+
+.card-info {
+  border-color: var(--border_info);
+}
+
+.card-primary .card_header {
+  background: var(--bg_primary);
+  color: white;
+}
+
+.card-success .card_header {
+  background: var(--bg_success);
+  color: white;
+}
+
+.card-danger .card_header {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.card-warning .card_header {
+  background: var(--bg_warning);
+  color: var(--color_text_primary);
+}
+
+.card-info .card_header {
+  background: var(--bg_info);
+  color: white;
+}
+
+/* 徽标颜色 */
+.badge-primary {
+  background: var(--bg_primary);
+  color: white;
+}
+
+.badge-success {
+  background: var(--bg_success);
+  color: white;
+}
+
+.badge-danger {
+  background: var(--bg_danger);
+  color: white;
+}
+
+.badge-warning {
+  background: var(--bg_warning);
+  color: var(--color_text_primary);
+}
+
+.badge-info {
+  background: var(--bg_info);
+  color: white;
+}
+
+.badge-light {
+  background: var(--color_light);
+  color: var(--color_text_primary);
+}
+
+.badge-dark {
+  background: var(--color_dark);
+  color: white;
+}
+
+/* 标签颜色（类似徽章） */
+.tag-primary {
+  background: var(--bg_primary);
+  color: white;
+}
+
+/* 警告提示背景色 */
+.alert-primary {
+  background: rgba(13, 110, 253, 0.1);
+  border-left-color: var(--border_primary);
+  color: var(--color_primary);
+}
+
+.alert-success {
+  background: rgba(25, 135, 84, 0.1);
+  border-left-color: var(--border_success);
+  color: var(--color_success);
+}
+
+.alert-danger {
+  background: rgba(220, 53, 69, 0.1);
+  border-left-color: var(--border_danger);
+  color: var(--color_danger);
+}
+
+.alert-warning {
+  background: rgba(255, 193, 7, 0.1);
+  border-left-color: var(--border_warning);
+  color: var(--color_warning);
+}
+
+.alert-info {
+  background: rgba(255, 255, 255, 0.1);
+  border-left-color: var(--border_info);
+  color: var(--color_info);
+}
+
+/* 全局提示背景色 */
+.message-primary,
+.notification-primary {
+  background: var(--bg_primary);
+}
+
+.message-success,
+.notification-success {
+  background: var(--bg_success);
+}
+
+.message-danger,
+.notification-danger {
+  background: var(--bg_danger);
+}
+
+.message-warning,
+.notification-warning {
+  background: var(--bg_warning);
+}
+
+.message-info,
+.notification-info {
+  background: var(--bg_info);
+}
+
+/* 进度条颜色 */
+.progress_bar-primary {
+  background: var(--bg_primary);
+}
+
+.progress_bar-success {
+  background: var(--bg_success);
+}
+
+.progress_bar-danger {
+  background: var(--bg_danger);
+}
+
+.progress_bar-warning {
+  background: var(--bg_warning);
+}
+
+.progress_bar-info {
+  background: var(--bg_info);
+}
+
+/* 加载器顶部颜色 */
+.spinner-primary {
+  border-top-color: var(--color_primary);
+}
+
+.spinner-success {
+  border-top-color: var(--color_success);
+}
+
+.spinner-danger {
+  border-top-color: var(--color_danger);
+}
+
+.spinner-warning {
+  border-top-color: var(--color_warning);
+}
+
+.spinner-info {
+  border-top-color: var(--color_info);
+}
+
+/* 分页激活状态 */
+.pagination_item-primary.active {
+  background: var(--bg_primary);
+  border-color: var(--border_primary);
+  color: white;
+}
+
+/* 步骤条激活指示器 */
+.step-primary .step_indicator_active {
+  background: var(--bg_primary);
+}
+
+.step-success .step_indicator_active {
+  background: var(--bg_success);
+}
+
+.step-danger .step_indicator_active {
+  background: var(--bg_danger);
+}
+
+.step-warning .step_indicator_active {
+  background: var(--bg_warning);
+}
+
+.step-info .step_indicator_active {
+  background: var(--bg_info);
+}
+
+/* 表格行背景色（可选） */
+.table-primary td,
+.table-primary th {
+  background: rgba(13, 110, 253, 0.05);
+}
+
+.table-success td,
+.table-success th {
+  background: rgba(25, 135, 84, 0.05);
+}
+
+.table-danger td,
+.table-danger th {
+  background: rgba(220, 53, 69, 0.05);
+}
+
+.table-warning td,
+.table-warning th {
+  background: rgba(255, 193, 7, 0.05);
+}
+
+.table-info td,
+.table-info th {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+/* 图标颜色 */
+.icon-primary {
+  color: var(--color_primary);
+  fill: var(--color_primary);
+}
+
+.icon-success {
+  color: var(--color_success);
+}
+
+.icon-danger {
+  color: var(--color_danger);
+}
+
+.icon-warning {
+  color: var(--color_warning);
+}
+
+.icon-info {
+  color: var(--color_info);
+}
+
+/* 链接颜色 */
+.link-primary {
+  color: var(--color_primary);
+}
+
+.link-primary:hover {
+  color: var(--color_primary_hover);
+}
+
+.link-success {
+  color: var(--color_success);
+}
+
+.link-danger {
+  color: var(--color_danger);
+}
+
+.link-warning {
+  color: var(--color_warning);
+}
+
+.link-info {
+  color: var(--color_info);
+}
+
+/* 文本颜色 */
+.text-primary {
+  color: var(--color_primary);
+}
+
+.text-success {
+  color: var(--color_success);
+}
+
+.text-danger {
+  color: var(--color_danger);
+}
+
+.text-warning {
+  color: var(--color_warning);
+}
+
+.text-info {
+  color: var(--color_info);
+}
+
+/* 引用块左边框色 */
+.blockquote-primary {
+  border-left-color: var(--border_primary);
+}
+
+.blockquote-success {
+  border-left-color: var(--border_success);
+}
+
+.blockquote-danger {
+  border-left-color: var(--border_danger);
+}
+
+.blockquote-warning {
+  border-left-color: var(--border_warning);
+}
+
+.blockquote-info {
+  border-left-color: var(--border_info);
+}