changed some code for better compatibility with IntelliJ

2026-05-16 22:34:34 +03:30
parent 9d4ecd0b0d
commit 3dd2d84cda
5 changed files with 12 additions and 7 deletions
@@ -0,0 +1,80 @@
+.root {
+    -fx-background-color: #f5f5f5;
+    -fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
+}
+
+.title {
+    -fx-font-size: 28px;
+    -fx-font-weight: bold;
+    -fx-text-fill: #1a1a2e;
+}
+
+.toggle-btn {
+    -fx-background-color: #1a1a2e;
+    -fx-text-fill: white;
+    -fx-font-size: 12px;
+    -fx-font-weight: bold;
+    -fx-padding: 8 16;
+    -fx-background-radius: 6;
+    -fx-cursor: hand;
+}
+
+.toggle-btn:hover {
+    -fx-background-color: #2d2d5e;
+}
+
+.card {
+    -fx-background-color: #ffffff;
+    -fx-padding: 25 20;
+    -fx-spacing: 12;
+    -fx-alignment: CENTER;
+    -fx-background-radius: 12;
+    -fx-border-radius: 12;
+    -fx-border-color: #e0e0e0;
+    -fx-border-width: 2;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 8, 0, 0, 4);
+    -fx-cursor: hand;
+}
+
+.card:hover {
+    -fx-border-color: #4CAF50;
+    -fx-effect: dropshadow(gaussian, rgba(76, 175, 80, 0.4), 16, 0, 0, 6);
+}
+
+.card:hover .plan-name {
+    -fx-font-weight: bold;
+}
+
+.plan-name {
+    -fx-font-size: 22px;
+    -fx-font-weight: normal;
+    -fx-text-fill: #1a1a2e;
+}
+
+.price {
+    -fx-font-size: 16px;
+    -fx-font-weight: bold;
+    -fx-text-fill: #4CAF50;
+}
+
+.desc {
+    -fx-font-size: 12px;
+    -fx-text-fill: #666666;
+    -fx-text-alignment: center;
+}
+
+.shop-btn {
+    -fx-background-color: #4CAF50;
+    -fx-text-fill: white;
+    -fx-font-size: 14px;
+    -fx-font-weight: bold;
+    -fx-padding: 10 30;
+    -fx-background-radius: 8;
+    -fx-cursor: hand;
+}
+
+.shop-btn:hover {
+    -fx-background-color: #45a049;
+    -fx-scale-x: 1.05;
+    -fx-scale-y: 1.05;
+}
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.VBox?>
+
+<VBox spacing="20" alignment="CENTER" xmlns:fx="http://javafx.com/fxml" fx:controller="workshop.Controller">
+    <padding><Insets top="30" right="30" left="30" bottom="20"/></padding>
+
+    <HBox spacing="10" alignment="CENTER">
+        <Label fx:id="titleLabel" text="Choose Your Plan" styleClass="title" />
+        <Button fx:id="themeToggle" text="Switch to Light Mode" onAction="#toggleTheme" styleClass="toggle-btn" />
+    </HBox>
+
+    <HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Basic" styleClass="plan-name" />
+            <Label text="\$9.99 / month" styleClass="price" />
+            <Label text="Single user, basic features" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" />
+        </VBox>
+
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Pro" styleClass="plan-name" />
+            <Label text="\$19.99 / month" styleClass="price" />
+            <Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyPro" styleClass="shop-btn" />
+        </VBox>
+
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Enterprise" styleClass="plan-name" />
+            <Label text="Contact us" styleClass="price" />
+            <Label text="Unlimited users, custom solutions" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyEnterprise" styleClass="shop-btn" />
+        </VBox>
+    </HBox>
+</VBox>
@@ -0,0 +1,80 @@
+.root {
+    -fx-background-color: #1a1a2e;
+    -fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
+}
+
+.title {
+    -fx-font-size: 28px;
+    -fx-font-weight: bold;
+    -fx-text-fill: #ffffff;
+}
+
+.toggle-btn {
+    -fx-background-color: #4CAF50;
+    -fx-text-fill: white;
+    -fx-font-size: 12px;
+    -fx-font-weight: bold;
+    -fx-padding: 8 16;
+    -fx-background-radius: 6;
+    -fx-cursor: hand;
+}
+
+.toggle-btn:hover {
+    -fx-background-color: #45a049;
+}
+
+.card {
+    -fx-background-color: #3a3a5c;
+    -fx-padding: 25 20;
+    -fx-spacing: 12;
+    -fx-alignment: CENTER;
+    -fx-background-radius: 12;
+    -fx-border-radius: 12;
+    -fx-border-color: transparent;
+    -fx-border-width: 2;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 8, 0, 0, 4);
+    -fx-cursor: hand;
+}
+
+.card:hover {
+    -fx-border-color: #4CAF50;
+    -fx-effect: dropshadow(gaussian, rgba(76, 175, 80, 0.5), 16, 0, 0, 6);
+}
+
+.card:hover .plan-name {
+    -fx-font-weight: bold;
+}
+
+.plan-name {
+    -fx-font-size: 22px;
+    -fx-font-weight: normal;
+    -fx-text-fill: #ffffff;
+}
+
+.price {
+    -fx-font-size: 16px;
+    -fx-font-weight: bold;
+    -fx-text-fill: #4CAF50;
+}
+
+.desc {
+    -fx-font-size: 12px;
+    -fx-text-fill: #aaaaaa;
+    -fx-text-alignment: center;
+}
+
+.shop-btn {
+    -fx-background-color: #4CAF50;
+    -fx-text-fill: white;
+    -fx-font-size: 14px;
+    -fx-font-weight: bold;
+    -fx-padding: 10 30;
+    -fx-background-radius: 8;
+    -fx-cursor: hand;
+}
+
+.shop-btn:hover {
+    -fx-background-color: #45a049;
+    -fx-scale-x: 1.05;
+    -fx-scale-y: 1.05;
+}