        [:stop {:offset 1
                :style {:stop-color colour
                        :stop-opacity 1}}]]]
-   [:g 
+   [:g
     [:path {:d "m 23.094464,-2e-5 23.522065,57.01846 -12.801831,22.16903 45.725784,79.20482 8.89883,0 9.488616,23.019 15.351792,0 0,35.95961 0.0694,0 -33.773938,16.3058 0.50306,16.3233 90.688298,0 0.15613,-16.3233 -33.75659,-16.3058 0.0693,0 0,-35.95961 15.21301,0 9.50598,-23.019 9.03761,0 L 216.70041,79.18747 203.88122,56.9664 227.42063,-2e-5 l -56.42865,0 -91.451568,0 -56.446015,0 z m 175.981796,68.58867 6.12336,10.59882 -36.9657,64.04383 30.84234,-74.64265 z m -147.654708,0.0694 30.44338,73.81003 -36.532055,-63.28059 6.088675,-10.52944 z"
             :id "cup"
             :style {:fill "url(#cup-gradient)"}}]
     [:path {:d "M 34.526818,-51.55751 52.996969,21.61337 -3.3828659,-29.67722 47.907724,26.68531 -25.263158,8.21516 47.336482,28.79717 -25.263158,51.97574 49.223311,35.73862 -3.3828669,89.86811 50.746623,37.26193 34.526818,111.7484 57.688076,39.14876 78.270092,111.7484 59.79994,38.56021 116.17977,89.86811 64.889185,33.48828 138.04275,51.97574 65.443117,31.39373 138.04275,8.21516 63.573598,24.43496 116.17977,-29.67722 62.050286,22.91165 78.270092,-51.55751 55.091523,21.04213 34.526818,-51.55751 z"
             :id "shine"
-            :style {:fill "#ffffff"}}]]])
+            :style {:fill "#fff"}}]]])
 
 (defn not-found
   "Not found hexagon"

            [db-quiz.logic :as logic]
            [db-quiz.state :refer [app-state]]
            [db-quiz.util :refer [join-by-space shade-colour]]
            [clojure.string :as string]))

(defn get-gradients

        [x y] center]
    (fn []
      (let [{:keys [board current-field loading?]} @app-state
            {:keys [abbreviation ownership]} (board id)
            disabled? (not (nil? current-field))
            availability (if (or loading? disabled? (not (#{:default :missed} ownership)))
                             "unavailable"
                             (case ownership
                                   :default "available"
                                   :missed "missed"))
            ownership-name (name ownership)
            {:keys [font-size-ratio label]} (if (= ownership :active)
                                                 {:font-size-ratio (max (dec (count abbreviation)) 2.5)
                                                  :label abbreviation}
                                                 {:font-size-ratio 2
                                                  :label text})]
        [:g {:class (join-by-space "hexagon" availability (when (= ownership :active) "active"))
             :on-click (partial logic/pick-field id)}
         [:polygon.hex-outer {:fill (str "url(#" ownership-name "-outer)")
                              :points (hex-coords center size)}]
         [:polygon.hex-inner {:fill (str "url(#" ownership-name "-inner)")
                              :points (hex-coords (map #(- % absolute-offset) center)
                                                  (- size (* 2 absolute-offset)))
                              :transform (str "translate(" absolute-offset "," absolute-offset ")")}]
         [:text {:x x
                 :y (+ y (/ size (* 2.5 font-size-ratio)))
                 :font-size (/ size font-size-ratio)
                 :text-anchor "middle"}
          label]]))))

(def hex-triangle
  "Component that generates triangular board of hexagons."
