Getting Started with AtlantaFX: A Modern JavaFX CSS Theme Collection

Feb 2, 2022 | Programming

Welcome to the vibrant world of AtlantaFX, a modern JavaFX CSS theme collection that offers additional controls and a sleek, flat interface inspired by various web component frameworks. Whether you’re building desktop applications or enhancing user interfaces, AtlantaFX is designed to elevate your JavaFX projects.

Overview of AtlantaFX

AtlantaFX brings you:

  • Two themes in both light and dark variants.
  • Simple and intuitive color system based on the GitHub Primer guidelines.
  • Fully customizable with an easy-to-modify global accent color and individual control adjustments via SASS.
  • Compatible with JavaFX 17+.

Installing AtlantaFX

Requirements

Make sure you have JavaFX 17+ installed since AtlantaFX utilizes data-url support.

Using Maven or Gradle

To integrate AtlantaFX in your project, include the following in your project’s configuration:


Maven:

    io.github.mkpaz
    atlantafx-base
    2.0.1


Gradle:
repositories {
    mavenCentral()
}
dependencies {
    implementation 'io.github.mkpaz:atlantafx-base:2.0.1'
}

Setting a Theme

To set your desired theme, use the following code snippet in your main application class:


public class Launcher extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage) {
        // Set a theme
        Application.setUserAgentStylesheet(new PrimerLight().getUserAgentStylesheet());
        // For Dark Theme
        // Application.setUserAgentStylesheet(new PrimerDark().getUserAgentStylesheet());
        // The rest of your code...
    }
}

Analogy: Setting Up AtlantaFX

Imagine you’re a painter ready to decorate a room. You have your paintbrush and canvas (JavaFX), but you need the perfect color palette and tools (themes and controls).
Adding AtlantaFX is like adding a customizable toolbox filled with all the latest paint colors and brushes that allow you to create beautiful art effortlessly. By selecting either the light or dark theme as your base color, you can then adjust finer details, akin to how one would mix colors to achieve that perfect shade – tailorable to every project need!

Troubleshooting

While working with AtlantaFX, you may encounter a few bumps along the road. Here are some troubleshooting tips:

  • Ensure you are using JavaFX version 17 or higher, as AtlantaFX depends on this version for optimal performance.
  • If your themes are not rendering correctly, verify that you have correctly set the user agent stylesheet.
  • Not seeing your customizations? Make sure your SASS changes are saved and recompiled.
  • To get support or report issues, visit the open issues page.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

Custom Themes and Contributions

AtlantaFX supports custom themes thanks to its modular SASS structure. To explore or create your themes, check out the sample repository for inspiration.

Conclusion

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Try It Out!

Get started by downloading the self-updating download of the Sampler app for Windows, macOS, and Linux, or visit the releases page for the latest build.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox