# https://github.com/kolunmi/bazaar/blob/main/docs/overview.md

css: |
  .global-section banner {
     margin-top: 30px;
     margin-left: 30px;
     margin-right: 30px;
     border-radius: 12px;
  }

  .global-section banner-text-overlay {
     margin: 30px;
     padding: 20px;
  }

  .global-section banner-text {
     padding: 50px;
     text-shadow: 1px 1px 4px rgba(0, 0, 5, 1);
  }

  .global-section title {
    text-shadow: 2px 2px 4px rgba(0, 0, 5, 1);
  }

  .global-section subtitle {
    font-weight: 400;
    text-shadow: 2px 2px 4px rgba(0, 0, 5, 1);
  }

  .global-section app-tile > button {
    background-color: alpha(white, 0.1);
  }

  .global-section {
    margin: 15px;
    border-radius: 12px;
    color: #ffffff;
  }

  .global-section app-tile-verified-check {
    color: var(--fg-color);
  }

  .global-section app-tile-installed-indicator {
    color: var(--fg-color);
  }

  .global-section app-tile-installed-pill {
    background-color: @success_bg_color;
    color: var(--fg-color);
  }

  .rec-section {
    background: linear-gradient(0deg, #80cfe3, #54a3d8);
  }

  .rec-section-dark {
    background: linear-gradient(0deg, #271e7f, #60a5c3);
  }

  .cc-section {
    background: linear-gradient(0deg, #b8a0cf, #9b59b6);
  }

  .cc-section-dark {
    background: linear-gradient(0deg, #392946, #050815);
  }

  .music-section {
    background: linear-gradient(to bottom, #F56217, #ffab7b);
  }

  .music-section-dark {
    background: linear-gradient(to bottom, #F56217, #912906);
  }

  .office-section {
    background: linear-gradient(to bottom, #ff3e82, #f7caf0);
  }

  .office-section-dark {
    background: linear-gradient(to bottom, #750051, #fa486b);
  }

  .gaming-section {
    background: linear-gradient(0deg, #888a90, #67c29a);
  }

  .gaming-section-dark {
    background: linear-gradient(0deg, #003a00, #444445);
  }

  .utilities-section {
    background: linear-gradient(0deg, #888a90, #48659a);
  }

  .utilities-section-dark {
    background: linear-gradient(to right bottom, #00389e, #1d3283, #242d6a, #262851, #24233a, #282636, #2b2a31, #2d2d2d, #3a3a3a, #474748, #555556, #646364);
  }

  .dev-section {
    background-image: linear-gradient(to right bottom, #8b6fab, #7a77b3, #687fb6, #5985b6, #4d8bb3, #4892b4, #4698b3, #499eb1, #4da8b3, #55b2b4, #61bbb4, #6fc4b3);
  }

  .dev-section app-tile-installed-pill {
    background-color: #cbabff;
  }

  .dev-section-dark {
    background: linear-gradient(to right bottom, #8b6fab, #7a68a6, #6861a0, #555a9a, #405494, #315c9a, #1f649e, #006ca1, #0084ac, #089ab1, #43b0b2, #6fc4b3);
  }

  .dev-section-dark app-tile-installed-pill {
    background-color: #084152;
  }

  .kde-section title,
  .kde-section subtitle,
  .kde-section-dark title,
  .kde-section-dark subtitle {
    color: #004c4c;
    text-shadow: 1px 1px 4px #ffffff;
  }

  .kde-section {
    background: #27b5fc;
  }

  .kde-section-dark {
    background: #1b89f3;
  }

  .ai-section {
    background: linear-gradient(0deg, #cc773e, #d05a00);
  }

  .ai-section-dark {
    background: linear-gradient(0deg, #4a1c00, #eb8000);
  }

rows:
  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - rec-section
        dark-classes:
          - rec-section-dark
        category:
          title: "Aurora Recommends"
          subtitle: "Our Favorite Applications"
          banner: file:///run/host/etc/bazaar/01-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: center
          banner-height: 550
          appids:
            - io.github.vani_tty1.memerist
            - org.kde.drawy
            - org.kde.kstars
            - re.sonny.Eloquent
            - io.github.halfmexican.Mingle
            - org.kde.audiotube
            - io.github.getnf.embellish
            - io.github.pleromix.IceBox
            - io.github.nozwock.Packet
            - com.github.ADBeveridge.Raider
            - rocks.shy.VacuumTube
            - com.github.PintaProject.Pinta

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - cc-section
        dark-classes:
          - cc-section-dark
        category:
          title: "Content Creation"
          subtitle: "Create your first donut or make some tunes"
          banner: file:///run/host/etc/bazaar/02-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: end
          banner-text-valign: center
          banner-height: 550
          appids:
            - org.kde.krita
            - org.ardour.Ardour
            - org.kde.kdenlive
            - org.blender.Blender
            - org.inkscape.Inkscape
            - org.audacityteam.Audacity
            - com.obsproject.Studio
            - com.inochi2d.inochi-session
            - org.gimp.GIMP
            - org.darktable.Darktable
            - com.feaneron.Boatswain

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - music-section
        dark-classes:
          - music-section-dark
        category:
          title: "Music & Media"
          subtitle: "Let me break it down for you"
          banner: file:///run/host/etc/bazaar/03-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: center
          banner-height: 550
          appids:
            - org.kde.elisa
            - com.spotify.Client
            - com.mastermindzh.tidal-hifi
            - org.videolan.VLC
            - tv.plex.PlexDesktop
            - org.kde.kasts
            - org.kde.arianna
            - com.plexamp.Plexamp
            - io.github.mhogomchungu.media-downloader
            - com.github.wwmm.easyeffects
            - me.timschneeberger.jdsp4linux
            - org.jellyfin.JellyfinDesktop

  - sections:
    - expand-horizontally: true
      classes:
        - global-section
      light-classes:
        - office-section
      dark-classes:
      - office-section-dark
      category:
        title: "Office & Productivity"
        subtitle: "Let's do some work"
        banner: file:///run/host/etc/bazaar/04-aurora-bazaar.jxl
        banner-fit: cover
        banner-text-halign: end
        banner-text-valign: center
        banner-height: 550
        appids:
          - com.collaboraoffice.Office
          - com.slack.Slack
          - md.obsidian.Obsidian
          - org.onlyoffice.desktopeditors
          - org.libreoffice.LibreOffice
          - io.github.alainm23.planify
          - io.github.nokse22.Exhibit
          - io.gitlab.theevilskeleton.Upscaler
          - com.bambulab.BambuStudio
          - com.github.IsmaelMartinez.teams_for_linux
          - com.super_productivity.SuperProductivity

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - gaming-section
        dark-classes:
          - gaming-section-dark
        category:
          title: "Games"
          subtitle: "The cake is a lie"
          banner: file:///run/host/etc/bazaar/05-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: center
          banner-height: 550
          appids:
            - com.valvesoftware.Steam
            - com.valvesoftware.SteamLink
            - com.heroicgameslauncher.hgl
            - io.github.Faugus.faugus-launcher
            - net.lutris.Lutris
            - org.vinegarhq.Sober
            - com.dec05eba.gpu_screen_recorder
            - com.github.Matoking.protontricks
            - org.prismlauncher.PrismLauncher
            - com.discordapp.Discord
            - com.parsecgaming.parsec
            - net.davidotek.pupgui2
            - org.endlessaccess.threadbare
            - net.supertuxkart.SuperTuxKart
            - com.github.k4zmu2a.spacecadetpinball
            - net.stabyourself.nottetris2

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - utilities-section
        dark-classes:
          - utilities-section-dark
        category:
          title: "Utilities"
          subtitle: "Stuff you didn't need until now"
          banner: file:///run/host/etc/bazaar/06-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: end
          banner-text-valign: center
          banner-height: 550
          appids:
            - app.drey.Warp
            - org.localsend.localsend_app
            - com.github.zocker_160.SyncThingy
            - org.keepassxc.KeePassXC
            - io.github.nokse22.asciidraw
            - io.github.radiolamp.mangojuice
            - org.fedoraproject.MediaWriter
            - org.gnome.gitlab.YaLTeR.VideoTrimmer
            - org.raspberrypi.rpi-imager
            - org.kde.optiimage
            - org.mozilla.vpn
            - hu.irl.cameractrls
            - org.gnome.gitlab.YaLTeR.Identity
            - io.github.BuddySirJava.SSH-Studio
            - au.stevetech.yafi
            - io.github.pwr_solaar.solaar
            - com.infinipaint.infinipaint
            - org.gnome.Firmware

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - dev-section
        dark-classes:
          - dev-section-dark
        category:
          title: "Developers"
          subtitle: "Developers, developers, developers!"
          banner: file:///run/host/etc/bazaar/07-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: center
          banner-height: 700
          appids:
            - io.podman_desktop.PodmanDesktop
            - io.kinvolk.Headlamp
            - org.gnome.Builder
            - com.getpostman.Postman
            - org.kde.kdevelop
            - io.dbeaver.DBeaverCommunity
            - org.gitfourchette.gitfourchette
            - com.mardojai.ForgeSparks
            - com.github.marhkb.Pods
            - cc.arduino.IDE2
            - io.github.plrigaux.sysd-manager
            - me.iepure.devtoolbox

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - kde-section
        dark-classes:
          - kde-section-dark
        category:
          title: "KDE Apps"
          subtitle: "Our favorite apps picked from KDE Developers"
          light-banner: file:///run/host/etc/bazaar/09-aurora-bazaar-light.png
          dark-banner: file:///run/host/etc/bazaar/09-aurora-bazaar-dark.png
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: end
          banner-height: 750
          enable-bulk-install: true
          appids:
            - org.kde.elisa
            - org.kde.kasts
            - org.kde.kamoso
            - org.kde.CrowTranslate
            - org.kde.marknote
            - org.kde.alligator
            - org.kde.tokodon
            - org.kde.neochat
            - org.kde.keysmith
            - org.kde.merkuro
            - org.kde.kid3

  - sections:
      - expand-horizontally: true
        classes:
          - global-section
        light-classes:
          - ai-section
        dark-classes:
          - ai-section-dark
        category:
          title: "AI and Machine Learning"
          subtitle: "Experience the best of open source AI"
          banner: file:///run/host/etc/bazaar/08-aurora-bazaar.jxl
          banner-fit: cover
          banner-text-halign: start
          banner-text-valign: center
          banner-height: 550
          appids:
            - ai.jan.Jan
            - com.jeffser.Alpaca
            - ink.whis.Whis
            - io.github.qwersyk.Newelle